前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android实现下拉展示条目效果

Android实现下拉展示条目效果

作者头像
砸漏
发布2020-11-04 11:03:27
7270
发布2020-11-04 11:03:27
举报
文章被收录于专栏:恩蓝脚本

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

布局文件

代码语言:javascript
复制
<?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 

条目布局文件

代码语言:javascript
复制
<?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 

核心代码

代码语言:javascript
复制
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;
}
}
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档