devbox
2023面试高手
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

97.android 简单的下拉选择框实现（ListPopupWindow）_android 下拉框框架

作者：2023面试高手 | 2024-02-19 01:55:13

赞

踩

android 下拉框框架

//使用系统自带布局的ListPopupWindow： 

//第一步 Activity布局： 

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     tools:context="com.gang.app.myceshi.Main2Activity">
  9.  
  10.     <Button
  11.         android:background="@drawable/spinner"
  12.         android:layout_gravity="center"
  13.         android:id="@+id/mButton"
  14.         android:text="数据一"
  15.         android:layout_width="180dp"
  16.         android:layout_height="30dp" />
  17.  
  18. </LinearLayout>
  19.

//第二步 选择框背景，在drawable下新建select_box_bg.xml文件：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4.     <item>
  5.         <shape>
  6.             <!--边框线宽度  边框线颜色-->
  7.             <stroke
  8.                 android:width="1dp"
  9.                 android:color="#D3D3D3" />
  10.  
  11.             <!--圆角度数-->
  12.             <corners android:radius="3dp" />
  13.  
  14.             <!--背景颜色-->
  15.             <solid android:color="#ffffff" />
  16.  
  17.             <!--边距-->
  18.             <padding android:right="5dp" />
  19.  
  20.  
  21.         </shape>
  22.  
  23.  
  24.     </item>
  25.     <!--//第二组item 插入图片(替换默认箭头)-->
  26.     <item>
  27.         <bitmap
  28.             android:gravity="end"
  29.             android:src="@drawable/triangle" />
  30.     </item>
  31. </layer-list>

//箭头图片 triangle.png：

//第三步 我的Activity代码实现： 

  1. public class Main2Activity extends AppCompatActivity implements View.OnClickListener {
  2.  
  3.     private Button mButton;
  4.     private ListPopupWindow listPopupWindow;
  5.     private List<String> mList = new ArrayList<>();
  6.     ;
  7.  
  8.     @Override
  9.     protected void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.activity_main2);
  12.         initView();
  13.         selectBox();//添加数据，初始化ListPopupWindow
  14.         listPopupWindowListener();//ListPopupWindow监听
  15.     }
  16.  
  17.     private void initView() {
  18.         mButton = (Button) findViewById(R.id.mButton);
  19.  
  20.         mButton.setOnClickListener(this);
  21.     }
  22.  
  23.     /*
  24.      * 方法名：selectBox()
  25.      * 功    能：添加数据，初始化ListPopupWindow
  26.      * 参    数：无
  27.      * 返回值：无
  28.      */
  29.     private void selectBox() {
  30.  
  31.         mList.add("数据一");
  32.         mList.add("数据二");
  33.         mList.add("数据三");
  34.  
  35.         //初始化ListPopupWindow，适配
  36.         listPopupWindow = new ListPopupWindow(this);
  37.         //系统布局
  38.         ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, mList);
  39.         //自定义适配器，布局
  40. //        MyApader adapter = new MyApader(this,mList);
  41.         listPopupWindow.setAdapter(adapter);
  42.         listPopupWindow.setAnchorView(mButton);//设置ListPopupWindow的锚点，关联mButton位置
  43.         listPopupWindow.setWidth(LinearLayout.LayoutParams.WRAP_CONTENT);
  44.         listPopupWindow.setHeight(LinearLayout.LayoutParams.WRAP_CONTENT);
  45.         listPopupWindow.setModal(true);
  46.  
  47.     }
  48.  
  49.     /*
  50.      * 方法名：listPopupWindowListener()
  51.      * 功    能：ListPopupWindow监听
  52.      * 参    数：无
  53.      * 返回值：无
  54.      */
  55.     private void listPopupWindowListener() {
  56.         listPopupWindow.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  57.             @Override
  58.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  59.                 mButton.setText(mList.get(position));
  60.  
  61.                 mList.add(0, mList.remove(position)); //list集合中的某个值放到第一的位置
  62.  
  63. //                Collections.swap(mList,0,position);//互换位置
  64.  
  65.                 listPopupWindow.dismiss(); //关闭listPopupWindow
  66.             }
  67.         });
  68.     }
  69.  
  70.     @Override
  71.     public void onClick(View v) {
  72.         switch (v.getId()) {
  73.             case R.id.mButton:
  74.                 listPopupWindow.show();//显示listPopupWindow
  75.                 break;
  76.         }
  77.     }
  78. }

//以下使用自定义布局 ListPopupWindow：

//只有适配器变了，使用自定义适配器，自定义布局，

第一步 我的Activity代码实现：

  1. public class Main2Activity extends AppCompatActivity implements View.OnClickListener {
  2.  
  3.     private Button mButton;
  4.     private ListPopupWindow listPopupWindow;
  5.     private List<String> mList = new ArrayList<>();
  6.     ;
  7.  
  8.     @Override
  9.     protected void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.activity_main2);
  12.         initView();
  13.         selectBox();//添加数据，初始化ListPopupWindow
  14.         listPopupWindowListener();//ListPopupWindow监听
  15.     }
  16.  
  17.     private void initView() {
  18.         mButton = (Button) findViewById(R.id.mButton);
  19.  
  20.         mButton.setOnClickListener(this);
  21.     }
  22.  
  23.     /*
  24.      * 方法名：selectBox()
  25.      * 功    能：添加数据，初始化ListPopupWindow
  26.      * 参    数：无
  27.      * 返回值：无
  28.      */
  29.     private void selectBox() {
  30.  
  31.         mList.add("数据一");
  32.         mList.add("数据二");
  33.         mList.add("数据三");
  34.  
  35.         //初始化ListPopupWindow，适配
  36.         listPopupWindow = new ListPopupWindow(this);
  37.         //系统布局
  38. //        ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, mList);
  39.         //自定义适配器，布局
  40.         MyApader adapter = new MyApader(this,mList);
  41.         listPopupWindow.setAdapter(adapter);
  42.         listPopupWindow.setAnchorView(mButton);//设置ListPopupWindow的锚点，关联mButton位置
  43.         listPopupWindow.setWidth(LinearLayout.LayoutParams.WRAP_CONTENT);
  44.         listPopupWindow.setHeight(LinearLayout.LayoutParams.WRAP_CONTENT);
  45.         listPopupWindow.setModal(true);
  46.  
  47.     }
  48.  
  49.     /*
  50.      * 方法名：listPopupWindowListener()
  51.      * 功    能：ListPopupWindow监听
  52.      * 参    数：无
  53.      * 返回值：无
  54.      */
  55.     private void listPopupWindowListener() {
  56.         listPopupWindow.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  57.             @Override
  58.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  59.                 mButton.setText(mList.get(position));
  60.  
  61.                 mList.add(0, mList.remove(position)); //list集合中的某个值放到第一的位置
  62.  
  63. //                Collections.swap(mList,0,position);//互换位置
  64.  
  65.                 listPopupWindow.dismiss(); //关闭listPopupWindow
  66.             }
  67.         });
  68.     }
  69.  
  70.     @Override
  71.     public void onClick(View v) {
  72.         switch (v.getId()) {
  73.             case R.id.mButton:
  74.                 listPopupWindow.show();//显示listPopupWindow
  75.                 break;
  76.         }
  77.     }
  78. }

//第二步 自定义适配器 MyApader ：

  1. class MyApader extends BaseAdapter{
  2.     private Context context;
  3.     private List<String>mList;
  4.  
  5.     public MyApader(Context context, List<String> mList) {
  6.         this.context = context;
  7.         this.mList = mList;
  8.     }
  9.  
  10.     @Override
  11.     public int getCount() {
  12.         return mList.size();
  13.     }
  14.  
  15.     @Override
  16.     public Object getItem(int position) {
  17.         return mList.get(position);
  18.     }
  19.  
  20.     @Override
  21.     public long getItemId(int position) {
  22.         return position;
  23.     }
  24.  
  25.     @Override
  26.     public View getView(int position, View convertView, ViewGroup parent) {
  27.         if (null == convertView) {
  28.             convertView = View.inflate(context, R.layout.litem_layout, null);
  29.         }
  30.  
  31.         TextView textView = (TextView) convertView.findViewById(R.id.mText);
  32.         textView.setText(mList.get(position));
  33. //        if (position==0){
  34. //            textView.setBackgroundColor(Color.BLUE);
  35. //        }
  36.         return convertView;
  37.     }
  38. }

//第三步 适配器Item布局  litem_layout.xml ：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical"
  6.     >
  7.  
  8.     <TextView
  9.         android:id="@+id/mText"
  10.         android:textStyle="bold"
  11.         android:padding="5dp"
  12.         android:textSize="15sp"
  13.         android:textColor="@color/colorAccent"
  14.         android:gravity="center"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="wrap_content" />
  17.  
  18.     <View
  19.         android:background="#bebebe"
  20.         android:layout_width="match_parent"
  21.         android:layout_height="1dp"/>
  22.  
  23. </LinearLayout>

//解决使用ListPopupWindow时发现宽度不适应,显示不全问题，使用View.inflate获取到spinner_item.xml中的TextView对象,赋值后获取宽度,比较出最大值maxWidth即可
，调用ListPopupWindow的setWidth(maxWidth)，注意:TextView赋值后,获取宽度前,要调用measure方法,否则获取宽度为0.

  1. popup = new ListPopupWindow(getContext());
  2.  
  3.             int maxWidth = 0;
  4.             for (String car : cars) {
  5.                 TextView textView = (TextView) View.inflate(getContext(), R.layout.spinner_item, null);
  6.                 textView.setText(car);
  7.                 textView.measure(0, 0);
  8.                 maxWidth = maxWidth > textView.getMeasuredWidth() ? maxWidth : textView.getMeasuredWidth();
  9.             }
  10.             popup.setAdapter(adapter);
  11.             popup.setWidth(maxWidth);


           
 

 

//-------------------------------------------------------------------------完-----------------------------------------------------------------------------------

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/111924
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。