郴州建设公司网站,宝山区网站建设,电子商务项目设计案例,wordpress前台管理评论效果图 背景
本人因为一些需求初次接触android#xff0c;需要实现一个类似android自带的AutoCompleteTextView#xff08;自动完成文本框#xff09;#xff0c;但和其不同的是通过后端接口直接筛选数据#xff08;自己的分词处理规则#xff09;#xff0c;然后返回前…效果图 背景
本人因为一些需求初次接触android需要实现一个类似android自带的AutoCompleteTextView自动完成文本框但和其不同的是通过后端接口直接筛选数据自己的分词处理规则然后返回前端直接显示即可。
思路 这个listview“提示框”在输入框获得焦点的情况下才显示并且每次输入框内内容变化时触发网络请求更新“提示框”显示的内容在用户点击了“提示框”中的item后将item的内容替换输入框当前内容并关闭提示框。
实现
第一步、配置布局文件
利用 RelativeLayout布局让edittext和listview重叠显示然后利用 android:layout_belowid/et_skin 让listview定位在edittext输入框的底部并通过 android:visibilitygone 默认提示框先不显示然后在父布局中使用 android:focusabletrue android:focusableInTouchModetrue 让输入框不会自动触发焦点最后只需要等到输入框触发焦点时再显示提示框即可这里会存在一个弊端他这个listview布局与其他组件布局不会重叠显示是直接顺序显示如果有大佬知道如何优化可以留下你的方法。效果图及代码如下 RelativeLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:focusabletrueandroid:focusableInTouchModetrueandroid:layout_marginBottom20dpEditTextandroid:idid/et_skinandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:inputTypetextandroid:lines1android:backgrounddrawable/edittext_backandroid:padding7dpandroid:textColorHintcolor/notice_item_timeandroid:hint皮肤名/ListViewandroid:idid/lv_order_skinandroid:layout_widthmatch_parentandroid:layout_height190dpandroid:visibilitygoneandroid:backgrounddrawable/order_input_listview_bgandroid:layout_belowid/et_skin //RelativeLayout 第二步、绑定布局、适配器-实现功能
这里通过分别监听输入框焦点获取和失去、输入框内容变化、提示框item点击事件来实现我们的需求具体代码及备注如下 private ListString auto_list_skin new ArrayList(); // 输入框自动提示内容集合private ArrayAdapterString adapter_skin; // 适配器private EditText et_skin; // 输入框private ListView lv_order_skin; // listview提示框Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_order);// 绑定组件et_skin view_default.findViewById(R.id.et_skin);lv_order_skin view_default.findViewById(R.id.lv_order_skin);// listview提示框-皮肤名-绑定数据集合adapter_skin new ArrayAdapter(OrderActivity.this,android.R.layout.simple_list_item_1, auto_list_skin);// 组件绑定适配器lv_order_skin.setAdapter(adapter_skin);// 监听iten点击事件lv_order_skin.setOnItemClickListener(new AdapterView.OnItemClickListener() {Overridepublic void onItemClick(AdapterView? adapterView, View view, int i, long l) {et_skin.setText(auto_list_skin.get(i)); // 选中item-更新数据到输入框中et_skin.setSelection(auto_list_skin.get(i).length()); // 让输入框内的光标定位到最后一位lv_order_skin.setVisibility(View.GONE); // 隐藏提示栏}});// 输入框-皮肤-焦点监听事件et_skin.setOnFocusChangeListener(new View.OnFocusChangeListener() {Overridepublic void onFocusChange(View view, boolean hasFocus) {if (hasFocus) {} else {lv_order_skin.setVisibility(View.GONE); // 隐藏提示栏}}});// 输入框-皮肤-输入变化事件et_skin.addTextChangedListener(new TextWatcher() {Overridepublic void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {}Overridepublic void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {searchInfo(et_skin.getText().toString(), adapter_skin); // 执行网络请求-更新提示框内容lv_order_skin.setVisibility(View.VISIBLE); // 显示提示栏}Overridepublic void afterTextChanged(Editable editable) {}});}
最后在网路请求结果中通过如下代码更新数据到提示框中这样完整的功能就实现了
auto_list_skin.clear(); // 清空数据数组
auto_list_skin.add(新数据item); // 添加数据到数组中
adapter_skin.notifyDataSetChanged(); // 更新数组到listtview提示框中
