服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android实现下拉展示条目效果

Android实现下拉展示条目效果

2022-09-21 15:18常利兵 Android

这篇文章主要为大家详细介绍了Android实现下拉展示条目效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android下拉展示条目的具体代码,供大家参考,具体内容如下

布局文件

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="#000000"
tools:context="com.example.a2_.MainActivity">
 
<EditText
  android:id="@+id/et_input"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:textColor="#fff"
  android:text="请输入内容" />
 
<ImageButton
  android:padding="6dp"
  android:background="@null"
  android:layout_alignRight="@id/et_input"
  android:id="@+id/ib"
  android:src="@mipmap/down_arrow"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />
</RelativeLayout>

条目布局文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?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="wrap_content"
android:padding="5dp"
android:descendantFocusability="blocksDescendants"
android:orientation="horizontal">
 
<ImageView
 
  android:src="@mipmap/user"
  android:id="@+id/iv_user"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />
 
<TextView
  android:layout_weight="1"
  android:id="@+id/tv_data"
  android:text="100"
  android:textColor="#000000"
  android:gravity="center_horizontal"
  android:layout_width="0dp"
  android:layout_height="wrap_content" />
 
<ImageButton
  android:background="@null"
  android:src="@mipmap/delete"
  android:id="@+id/iv_delete"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />
 
</LinearLayout>

核心代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
package com.example.a2_;
 
import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
 
import java.util.ArrayList;
 
public class MainActivity extends AppCompatActivity {
 
private EditText et_input;
private PopupWindow popupWindow;
private ListView lv_list;
private ArrayList<String> data;
private MyAdapter myAdapter;
 
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 
  //初始化控件
  et_input = (EditText) findViewById(R.id.et_input);
  ImageButton ib = (ImageButton) findViewById(R.id.ib);
 
  //初始化数据源
  initData();
  //创建一个listView
  lv_list = new ListView(this);
  //给listview设置背景
  lv_list.setBackgroundResource(R.mipmap.listview_background);
  //给listview设置适配器
  myAdapter = new MyAdapter();
  lv_list.setAdapter(myAdapter);
  //给listview设置条目点击事件
  lv_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
      //当点击到一个条目的时候,就把这个条目的内容显示在输入框中
      et_input.setText(data.get(position));
      popupWindow.dismiss();
    }
  });
 
  //给按钮设置点击事件
  ib.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      //当点击下拉按钮时,显示列表选项
      showPopup();
    }
  });
 
}
 
//初始化数据
private void initData() {
  //创建一个集合,用来存储数据
  data = new ArrayList<>();
  //通过for循环创建数据
  for (int i = 1;i<20;i++){
    data.add(100+i+"");
  }
}
 
//显示下拉的列表条目
private void showPopup() {
  //创建PopupWindow对象
  popupWindow = new PopupWindow(lv_list,et_input.getWidth(),500,true);
  //为了在点击列表条目之外的区域能够让列表条目隐藏,为列表条目设置一个背景
  popupWindow.setBackgroundDrawable(new ColorDrawable());
  //让列表条目显示 并指定在哪个列表条目下展示
  popupWindow.showAsDropDown(et_input);
}
 
//创建一个适配器
class MyAdapter extends BaseAdapter{
 
  @Override
  public int getCount() {
    return data.size();
  }
 
  @Override
  public String getItem(int position) {
    return data.get(position);
  }
 
  @Override
  public long getItemId(int position) {
    return position;
  }
 
  @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
    //判断convertView是否为空
    if (convertView==null){
      convertView = View.inflate(MainActivity.this,R.layout.lv_item,null);
 
    }
    //找到控件
    TextView tv_data = (TextView) convertView.findViewById(R.id.tv_data);
    ImageView iv_delete = (ImageView) convertView.findViewById(R.id.iv_delete);
 
    //设置点击事件
    iv_delete.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //删除集合里面的数据
        data.remove(position);
        //刷新页面
        myAdapter.notifyDataSetChanged();
      }
    });
    //获取数据
    String data = getItem(position);
    //设置数据
    tv_data.setText(data);
    return convertView;
  }
}
 
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/qq_32890771/article/details/72781993

延伸 · 阅读

精彩推荐