AutoCompleteTextView、ListView优化、Dialog等高级组件模拟练习

2023-11-12 01:59
文章标签 组件 优化 模拟 练习 高级 listview dialog autocompletetextview

本文主要是介绍AutoCompleteTextView、ListView优化、Dialog等高级组件模拟练习，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

模拟要求：

1、创建一个QQ的登陆界面，使用AutoCompleteTextView作用户账号；

2、登陆成功后自动跳转到B界面，通过网址http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page=1使用GSON解析网络数据将其展示到ListView上；

3、点击展示出来的数据会自动弹出Dialog对话框；

QQ登陆界面参考图：


 

 

首先需要用到的依赖有：
 

 

implementation 'com.squareup.okhttp3:okhttp:3.8.1'
implementation 'com.google.code.gson:gson:2.8.1'
implementation 'com.squareup.picasso:picasso:2.3.2'
 



 

登陆界面布局activity_login.xml文件
 

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="40dp"
    tools:context="com.bwie.test.zkao02.LoginActivity"><AutoCompleteTextView
        android:id="@+id/account"
        android:hint="请输入账号"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" /><EditText
        android:id="@+id/password"
        android:layout_marginTop="10dp"
        android:layout_below="@id/account"
        android:layout_alignLeft="@id/account"
        android:hint="请输入密码"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" /><LinearLayout
        android:id="@+id/line1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/password"
        android:layout_alignLeft="@id/password"
        android:layout_marginTop="10dp"
        ><CheckBox
            android:id="@+id/auto_login"
            android:text="自动登录"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" /><CheckBox
            android:id="@+id/remeber_password"
            android:text="记住密码"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" /><TextView
            android:id="@+id/find_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="   找回密码"
            /></LinearLayout><Button
        android:id="@+id/login"
        android:text="登录"
        android:layout_marginTop="10dp"
        android:background="@android:color/holo_blue_bright"
        android:layout_below="@id/line1"
        android:layout_alignLeft="@id/line1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" /></RelativeLayout>
 

 

B界面布局activity_main.xml文件
 

 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.bwie.test.zkao02.MainActivity"><ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/></android.support.constraint.ConstraintLayout>
 


 

展示数据界面布局listview_item.xml文件
 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"><ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" /><TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" /></LinearLayout>
 


 

用户账号的下拉选项框布局autocompletetextview_item_layout.xml文件
 

 

<?xml version="1.0" encoding="utf-8"?>
<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/autocompletetextview_content"></TextView>
 


 


 

创建登陆界面LoginActivity.java代码文件
 

 

import android.content.Intent;
import android.os.Bundle;
import android.os.Looper;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;import com.google.gson.Gson;import java.io.IOException;
import java.util.ArrayList;
import java.util.List;import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import okhttp3.ResponseBody;public class LoginActivity extends AppCompatActivity implements View.OnClickListener {//声明属性
    private AutoCompleteTextView account;private EditText password;private CheckBox auto_login;private CheckBox remeber_password;private TextView find_password;private Button login;List<String> dataSource = new ArrayList<> ();@Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_login);//初始化控件
        initView();}private void initView() {account = (AutoCompleteTextView) findViewById(R.id.account);password = (EditText) findViewById(R.id.password);auto_login = (CheckBox) findViewById(R.id.auto_login);remeber_password = (CheckBox) findViewById(R.id.remeber_password);find_password = (TextView) findViewById(R.id.find_password);login = (Button) findViewById(R.id.login);login.setOnClickListener(this);for (int i = 0; i < 10; i++) {dataSource.add("121947724" +i);}//为AutoCompleteTextView绑定适配器
        ArrayAdapter arrayAdapter = new ArrayAdapter(LoginActivity.this, R.layout.autocomplettextview_item_layout, dataSource);account.setAdapter(arrayAdapter);}@Override
    public void onClick(View v) {switch (v.getId()) {case R.id.login:new Thread(new Runnable() {@Override
                    public void run() {OkHttpClient okHttpClient = new OkHttpClient();Request request = new Request.Builder().url("http://www.qubaobei.com/ios/cf/dish_list.php?stage_id=1&limit=20&page=1").build();try {final String accountString = account.getText().toString().trim();if (TextUtils.isEmpty(accountString)) {Looper.prepare();Toast.makeText(LoginActivity.this, "请输入账号", Toast.LENGTH_SHORT).show();Looper.loop();return;}final String passwordString = password.getText().toString().trim();if (TextUtils.isEmpty(passwordString)) {Looper.prepare();Toast.makeText(LoginActivity.this, "请输入密码", Toast.LENGTH_SHORT).show();Looper.loop();return;}Response execute = okHttpClient.newCall(request).execute();ResponseBody body = execute.body();byte[] bytes = body.bytes();String result = new String(bytes);Gson gson = new Gson();Javabean javabean = gson.fromJson(result, Javabean.class);Intent intent = new Intent(LoginActivity.this, MainActivity.class);intent.putExtra("accountString", accountString);intent.putExtra("passwordString", passwordString);intent.putExtra("javabean", javabean);startActivity(intent);} catch (IOException e) {e.printStackTrace();}}}).start();break;}}private void submit() {// validate
        String passwordString = password.getText().toString().trim();if (TextUtils.isEmpty(passwordString)) {Toast.makeText(this, "请输入密码", Toast.LENGTH_SHORT).show();return;}String accountString = account.getText().toString().trim();if (TextUtils.isEmpty(accountString)) {Toast.makeText(this, "请输入账号", Toast.LENGTH_SHORT).show();return;}}
}

 

 

 

 

创建跳转界面MainActivity.java代码文件
 

 

import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;import com.squareup.picasso.Picasso;public class MainActivity extends AppCompatActivity {//声明属性
    private ListView list;@Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化控件
        initView();Intent intent = getIntent();String accountString = intent.getStringExtra("accountString");String passwordString = intent.getStringExtra("passwordString");Javabean javabean = (Javabean) intent.getSerializableExtra("javabean");//为ListView绑定适配器
        ListViewAdapter listViewAdapter = new ListViewAdapter(MainActivity.this, javabean);list.setAdapter(listViewAdapter);//为ListView添加点击事件
        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {final AlertDialog alertDialog = new AlertDialog.Builder(MainActivity.this).setNegativeButton("确定", new DialogInterface.OnClickListener() {@Override
                            public void onClick(DialogInterface dialog, int which) {}}).setPositiveButton("取消", new DialogInterface.OnClickListener() {@Override
                            public void onClick(DialogInterface dialog, int which) {}}).create();alertDialog.setTitle("请确认以下讯息");//对话框标题
                alertDialog.setMessage ( "是否成功运行" );//对话框内容
                alertDialog.show();//显示对话框
            }});}private void initView() {list = (ListView) findViewById(R.id.list);}//为ListView创建适配器
    class ListViewAdapter extends BaseAdapter {private Context context;Javabean javabean;public ListViewAdapter(Context context, Javabean javabean) {this.context = context;this.javabean = javabean;}@Override
        public int getCount() {return javabean.getData().size();}@Override
        public Object getItem(int position) {return javabean.getData().get(position);}@Override
        public long getItemId(int position) {return position;}@Override
        public View getView(int position, View convertView, ViewGroup parent) {//优化，复用convertView
            ViewHolder viewHolder = null;Javabean.DataBean dataBean = javabean.getData().get(position);String pic = dataBean.getPic();String title = dataBean.getTitle();if (convertView == null) {//如果convertView不存在就创建一个convertView实例
                LayoutInflater layoutInflater = LayoutInflater.from(context);View inflate = layoutInflater.inflate(R.layout.listview_item, null);convertView = inflate;//创建viewHolder
                viewHolder = new ViewHolder(context, convertView);//将viewHolder保存到convertView中
                convertView.setTag(viewHolder);}else {//直接使用已经存储的convertView

                viewHolder = (ViewHolder) convertView.getTag();ImageView imageView = viewHolder.imageView;TextView textView = viewHolder.textView;Picasso.with(context).load(pic).into(imageView);textView.setText(title);}return convertView;}}class ViewHolder extends View {ImageView imageView;TextView textView;public ViewHolder(Context context , View view) {super(context);imageView = view.findViewById(R.id.image);textView = view.findViewById(R.id.text);}}
}
 


 


 

创建网络数据获取界面Javabean.java代码文件
 

 

import java.io.Serializable;
import java.util.List;public class Javabean implements Serializable {/**
     * ret : 1
     * data : [{"id":"8289","title":"油焖大虾","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg","collect_num":"1660","food_str":"大虾 葱 生姜 植物油 料酒","num":1660},{"id":"2127","title":"四川回锅肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2127.jpg","collect_num":"1587","food_str":"猪肉 青蒜 青椒 红椒 姜片","num":1587},{"id":"30630","title":"超简单芒果布丁","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/31/30630.jpg","collect_num":"1529","food_str":"QQ糖 牛奶 芒果","num":1529},{"id":"9073","title":"家常红烧鱼","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9073.jpg","collect_num":"1420","food_str":"鲜鱼 姜 葱 蒜 花椒","num":1420},{"id":"10097","title":"家常煎豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10097.jpg","collect_num":"1410","food_str":"豆腐 新鲜红椒 青椒 葱花 油","num":1410},{"id":"10509","title":"水煮肉片","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10509.jpg","collect_num":"1338","food_str":"瘦猪肉 生菜 豆瓣酱 干辣椒 花椒","num":1338},{"id":"46968","title":"红糖苹果银耳汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/47/46968.jpg","collect_num":"1246","food_str":"银耳 苹果 红糖","num":1246},{"id":"10191","title":"麻婆豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10191.jpg","collect_num":"1215","food_str":"豆腐 肉末 生抽 白糖 芝麻油","num":1215},{"id":"2372","title":"皮蛋瘦肉粥","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2372.jpg","collect_num":"1148","food_str":"大米 皮蛋 猪肉 油条 香葱","num":1148},{"id":"2166","title":"蚂蚁上树","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2166.jpg","collect_num":"1141","food_str":"红薯粉 肉 姜 蒜 花椒","num":1141},{"id":"2262","title":"糖醋肉","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2262.jpg","collect_num":"1075","food_str":"猪肉 红椒 黄椒 洋葱 蛋清","num":1075},{"id":"9971","title":"鱼香豆腐","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9971.jpg","collect_num":"1006","food_str":"豆腐 木耳 胡萝卜 香葱 番茄酱","num":1006},{"id":"10172","title":"干煸四季豆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10172.jpg","collect_num":"989","food_str":"四季豆 干辣椒 蒜头 酱油 糖","num":989},{"id":"2685","title":"胡萝卜肉末蒸蛋","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2685.jpg","collect_num":"919","food_str":"胡萝卜 肉 蛋 生抽 盐","num":919},{"id":"9972","title":"虎皮青椒","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/10/9972.jpg","collect_num":"890","food_str":"青辣椒 大蒜 香醋 白糖 生抽","num":890},{"id":"10437","title":"叉烧排骨","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10437.jpg","collect_num":"797","food_str":"排骨 李锦记叉烧酱 植物油 清水 油菜","num":797},{"id":"2892","title":"\u201c五行\u201d彩蔬汤","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2892.jpg","collect_num":"757","food_str":"黑木耳 玉米 牛蒡 胡萝卜 西兰花","num":757},{"id":"2348","title":"麻辣肉丝面","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/3/2348.jpg","collect_num":"754","food_str":"面条 肉丝 淀粉 酱油 辣椒","num":754},{"id":"10044","title":"土豆炖翅根","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/11/10044.jpg","collect_num":"753","food_str":"土豆 翅根 葱 姜 料酒","num":753},{"id":"33783","title":"美人豆浆","pic":"http://www.qubaobei.com/ios/cf/uploadfile/132/34/33783.jpg","collect_num":"753","food_str":"黄豆 红豆 绿豆 黑豆 黑米","num":753}]
     */

    private int ret;private List<DataBean> data;public int getRet() {return ret;}public void setRet(int ret) {this.ret = ret;}public List<DataBean> getData() {return data;}public void setData(List<DataBean> data) {this.data = data;}public static class DataBean implements Serializable{/**
         * id : 8289
         * title : 油焖大虾
         * pic : http://www.qubaobei.com/ios/cf/uploadfile/132/9/8289.jpg
         * collect_num : 1660
         * food_str : 大虾 葱 生姜 植物油 料酒
         * num : 1660
         */

        private String id;private String title;private String pic;private String collect_num;private String food_str;private int num;public String getId() {return id;}public void setId(String id) {this.id = id;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getPic() {return pic;}public void setPic(String pic) {this.pic = pic;}public String getCollect_num() {return collect_num;}public void setCollect_num(String collect_num) {this.collect_num = collect_num;}public String getFood_str() {return food_str;}public void setFood_str(String food_str) {this.food_str = food_str;}public int getNum() {return num;}public void setNum(int num) {this.num = num;}}
}

 

 

 

 

不要忘记在清单文件AndroidManifest.xml中添加获取网络数据的权限：
 

 

<uses-permission android:name="android.permission.INTERNET"/>
以及 

<activity android:name=".LoginActivity"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter>

 

</activity>
 

 

最后就可以正常的运行效果了，如下图：
 


                                    

                                        这篇关于AutoCompleteTextView、ListView优化、Dialog等高级组件模拟练习的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
                                    

                                    

                                

                            

                            

                        

                    

                    

                        

                            

                            http://www.chinasem.cn/article/394320。
                            
                        

                    

                    
                    

                        
                            
                        
                    

                

                

                    相关文章
                

                    

                        

                            

                                

                                    
                                        Vue和React受控组件的区别小结
                                    
                                

                            

                            

                                

                                    Vue和React受控组件的区别小结
                                

                                

                                    《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学...																									目录背景React 的实现vue3 的实现写法一：直接修改事件参数写法二：通过ref引用 DOMVu
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        JavaScript中的高级调试方法全攻略指南
                                    
                                

                            

                            

                                

                                    JavaScript中的高级调试方法全攻略指南
                                

                                

                                    《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实...																									目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试：定位变量错误性能分
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        从基础到高级详解Python数值格式化输出的完全指南
                                    
                                

                            

                            

                                

                                    从基础到高级详解Python数值格式化输出的完全指南
                                

                                

                                    《从基础到高级详解Python数值格式化输出的完全指南》在数据分析、金融计算和科学报告领域,数值格式化是提升可读性和专业性的关键技术,本文将深入解析Python中数值格式化输出的相关方法,感兴趣的小伙...																									目录引言：数值格式化的核心价值一、基础格式化方法1.1 三种核心格式化方式对比1.2 基础格式化示例
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        从原理到实战解析Java Stream 的并行流性能优化
                                    
                                

                            

                            

                                

                                    从原理到实战解析Java Stream 的并行流性能优化
                                

                                

                                    《从原理到实战解析JavaStream的并行流性能优化》本文给大家介绍JavaStream的并行流性能优化：从原理到实战的全攻略,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的...																									目录一、并行流的核心原理与适用场景二、性能优化的核心策略1. 合理设置并行度：打破默认阈值2. 避免装箱
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Android协程高级用法大全
                                    
                                

                            

                            

                                

                                    Android协程高级用法大全
                                

                                

                                    《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧...																									目录1️⃣ 协程作用域（CoroutineScope）与生命周期绑定Activity/Fragment 中手
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Python实战之SEO优化自动化工具开发指南
                                    
                                

                            

                            

                                

                                    Python实战之SEO优化自动化工具开发指南
                                

                                

                                    《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化（SEO）已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下...																									目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Java实现复杂查询优化的7个技巧小结
                                    
                                

                            

                            

                                

                                    Java实现复杂查询优化的7个技巧小结
                                

                                

                                    《Java实现复杂查询优化的7个技巧小结》在Java项目中,复杂查询是开发者面临的“硬骨头”,本文将通过7个实战技巧,结合代码示例和性能对比,手把手教你如何让复杂查询变得优雅,大家可以根据需求进行选择...																									目录一、复杂查询的痛点：为何你的代码“又臭又长”1.1冗余变量与中间状态1.2重复查询与性能陷阱1.
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Python内存优化的实战技巧分享
                                    
                                

                            

                            

                                

                                    Python内存优化的实战技巧分享
                                

                                

                                    《Python内存优化的实战技巧分享》Python作为一门解释型语言,虽然在开发效率上有着显著优势,但在执行效率方面往往被诟病,然而,通过合理的内存优化策略,我们可以让Python程序的运行速度提升3...																									目录前言python内存管理机制引用计数机制垃圾回收机制内存泄漏的常见原因1. 循环引用2. 全局变
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        深度解析Python yfinance的核心功能和高级用法
                                    
                                

                            

                            

                                

                                    深度解析Python yfinance的核心功能和高级用法
                                

                                

                                    《深度解析Pythonyfinance的核心功能和高级用法》yfinance是一个功能强大且易于使用的Python库,用于从YahooFinance获取金融数据,本教程将深入探讨yfinance的核...																									目录yfinance 深度解析教程 (python)1. 简介与安装1.1 什么是 yfinance?
                                

                                

                                    阅读更多...
                                

                            

                        

                    

                    

                        

                            

                                

                                    
                                        Python多线程应用中的卡死问题优化方案指南
                                    
                                

                            

                            

                                

                                    Python多线程应用中的卡死问题优化方案指南
                                

                                

                                    《Python多线程应用中的卡死问题优化方案指南》在利用Python语言开发某查询软件时,遇到了点击搜索按钮后软件卡死的问题,本文将简单分析一下出现的原因以及对应的优化方案,希望对大家有所帮助...																									目录问题描述优化方案1. 网络请求优化2. 多线程架构优化3. 全局异常处理4. 配置管理优化优化效果1.
                                

                                

                                    阅读更多...
                                

                            

                        

                    

            

        

    


    


    

        

            Copyright China编程   23002807@qq.com
        

        

            沪ICP备2023033072号-2