当前位置: 开发笔记 > 运维 > 正文

Android中PopuWindow实现下拉列表实例

作者：mobiledu2502886633 | 来源：互联网 | 2021-09-29 15:09

前言之前讲过一篇关于PopuWindow的基本使用的文章，想了解的同学可以参考：PopupWindow的基本使用其实，下拉列表S

前言

之前讲过一篇关于PopuWindow的基本使用的文章，想了解的同学可以参考：PopupWindow的基本使用

其实，下拉列表Spanner(不知道控件拼写是否正确)就能实现，但是基于ui美化方面的考虑，用popuwindow实现是一个不错的选择，今天就来讲讲PopuWindow实现下拉列表的具体实现吧。

正文

文章可能会有点长，大家将就着看吧。先上波效果图才是厚道的：

下面开始正式讲解。

基础依赖，由于下拉列表是用RecycleView实现，然后控件初始化用到ButterKnife，所以要在app的gradle中添加相关依赖：

 //RecycleView
  compile 'com.android.support:recyclerview-v7:25.2.0'
  //butterKnife
  compile 'com.jakewharton:butterknife:8.5.1'
  //这条千万不能忘记!!
  annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'

第一步，不言而喻，肯定是上BasePopupWindow代码：

/***
 * PopupWindow基类
 * 
 * @author pei
 * @version 1.0
 * @cretae 2016-7-21
 * @注：若要popwindow点击外部消失，则设置 this.setFocusable(true)
 *   若要popwindow点击外部不消失，不做setFocusable设置，也不要设置成this.setFocusable(false)
 * 
 */
public abstract class BasePopupWindow extends PopupWindow {

  protected View mLayoutView;
  protected int mLayoutId;
  protected Context mContext;
  protected int mWidth;
  protected int mHeight;

  public BasePopupWindow(int width, int height, int layoutId, Context context) {
    this.mWidth = width;
    this.mHeight = height;
    this.mLayoutId = layoutId;
    this.mCOntext= context;
    mLayoutView = LayoutInflater.from(context).inflate(mLayoutId, null);
    setWindow();
  }

  /** PopupWindow基本设置 **/
  protected void setWindow() {
    this.setContentView(mLayoutView);
    this.setWidth(mWidth);
    this.setHeight(mHeight);
    // this.setFocusable(true);// 可点击
    // 实例化一个ColorDrawable颜色为半透明(半透明遮罩颜色代码#66000000)
    ColorDrawable dw = new ColorDrawable(Color.TRANSPARENT);
    this.setBackgroundDrawable(dw);
  }

  /** PopupWindow背景设置 **/
  protected void setBackground(int color) {
    // 实例化一个ColorDrawable颜色为半透明
    ColorDrawable dw = new ColorDrawable(color);
    this.setBackgroundDrawable(dw);
  }

  protected abstract void initView();
  protected abstract void initData();
  protected abstract void setListener();

  /** PopupWindow点击间隙处理，根据实际情况重写 **/
  protected void onTouchdimiss() {
    // mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框
    mLayoutView.setOnTouchListener(new OnTouchListener() {
      @Override
      public boolean onTouch(View view, MotionEvent event) {
//        int height = mLayoutView.getTop();
//        int y = (int) event.getY();
//        if (event.getAction() == MotionEvent.ACTION_UP) {
//          if (y  T getView(int viewId) {
    View view = null;
    if (mLayoutView == null) {
      mLayoutView = LayoutInflater.from(mContext).inflate(mLayoutId, null);
    }
    view = mLayoutView.findViewById(viewId);
    return (T) view;
  }

}

第二步，写一个OrderPop继承于BasePopupWindow：

/**
 * Instruction:下拉列表Pop
 * 
 * Author:pei
 * Date: 2017/6/28
 * Description:
 */


public class OrderPop extends BasePopupWindow{

  private RecyclerView mRecyclerView;
  private ListmDatas;
  private ManagerPopuAdapter managerPopuAdapter;

  public OrderPop(Context context, Listdatas) {
    super(ScreenUtil.dp2px(100,context), ScreenUtil.dp2px(150,context), R.layout.pop_order, context);
    this.mDatas=datas;

    initView();
    initData();
    setListener();
  }

  @Override
  protected void initView() {
    mRecyclerView=getView(R.id.recycler_view);
  }

  @Override
  protected void initData() {
    setFocusable(true);
    setAnimationStyle(R.style.popuwindow_up_style);//popuwindow显示隐藏的动画

    mRecyclerView.setHasFixedSize(true);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(mContext));
    managerPopuAdapter = new ManagerPopuAdapter(mContext, mDatas);
    mRecyclerView.setAdapter(managerPopuAdapter);
  }

  @Override
  protected void setListener(){

  }

  public ManagerPopuAdapter getAdapter(){
    return managerPopuAdapter;
  }

  public void notifyDataSetChanged(){
    if(managerPopuAdapter!=null){
      managerPopuAdapter.notifyDataSetChanged();
    }
  }

  public void setCurrentIndex(int position){
    if(managerPopuAdapter!=null){
      managerPopuAdapter.setIndex(position);
    }
  }
}

OrderPop类中涉及到的内容挺多，以下将细细讲解。

1.--- 声明中涉及到RecycleView的一个适配器ManagerPopuAdapter,其代码如下:

/**
 * Instruction: Orderpop的适配器
 * 
 * Author:pei
 * Date: 2017/6/29
 * Description:
 */


public class ManagerPopuAdapter extends RecyclerView.Adapter {

  protected Context mContext;
  protected View mLayoutView;
  protected List mData;
  private ViewHolder mViewHolder;
  protected OnRecyclerItemClickListener mOnRecyclerItemClickListener;

  private int mIndex;

  public void setOnRecyclerItemClickListener(OnRecyclerItemClickListener onRecyclerItemClickListener) {
    this.mOnRecyclerItemClickListener= onRecyclerItemClickListener;
  }

  public ManagerPopuAdapter(Context context, List data) {
    this.mCOntext= context;
    this.mData = data;
  }

  @Override
  public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //注：不可使用view=LayoutInflater.from(mContext).inflate(R.layout.item_layout，null);不然会报错
    mLayoutView = LayoutInflater.from(mContext).inflate(R.layout.item_popu_order_layout, parent, false);
    return new ViewHolder(mLayoutView);
  }

  @Override
  public int getItemViewType(int position) {
    return super.getItemViewType(position);
  }

  @Override
  public int getItemCount() {
    return mData == null &＃63; 0 : mData.size();
  }

  @Override
  public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    mViewHolder = ((ViewHolder) holder);

    initData(position);
    setListener(position);
  }

  private void initData(int position) {
    String cOntent=mData.get(position).toString();
    mViewHolder.tvContent.setText(content);

    if(mIndex==position){
      mViewHolder.tvContent.setSelected(true);
    }else{
      mViewHolder.tvContent.setSelected(false);
    }

  }

  private void setListener(final int position) {
    mViewHolder.tvContent.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (mOnRecyclerItemClickListener != null) {
          mOnRecyclerItemClickListener.onRecyclerClick(position);
        }
      }
    });
  }

  public void setIndex(int index){
    this.mIndex=index;
  }

  class ViewHolder extends RecyclerView.ViewHolder {

    TextView tvContent;

    public ViewHolder(View view) {
      super(view);
      tvCOntent=(TextView)view.findViewById(R.id.tv_content);
    }
  }

  public interface OnRecyclerItemClickListener {
    void onRecyclerClick(int position);
  }
}

2.--- ManagerPopuAdapter.java对应的layout----- item_popu_order_layout.xml代码：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

3.--- item_popu_order_layout.xml中android:background="@drawable/manager_fragment_popu_bg"对应的drawable文件为：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

manager_fragment_popu_pressed和manager_fragment_popu_normal对应的其实都是纯颜色xml文件。

manager_fragment_popu_pressed.xml代码如下：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

manager_fragment_popu_normal.xml代码如下：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

也许有的同学会问android:background="@drawable/manager_fragment_popu_bg文件中为什恶魔不直接用color属性设置背景切换，而要用color写个drawable供调用，其实我一开始也是这样弄的，无奈报错，具体原因不详，知道的同学可以回复下，此处不做重点。

4.--- item_popu_order_layout.xml中android:textColor="@drawable/text_color_bg"对应的drawable文件如下：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

5.---讲讲OrderPop的构造函数

 public OrderPop(Context context, Listdatas) {
    super(ScreenUtil.dp2px(100,context), ScreenUtil.dp2px(150,context), R.layout.pop_order, context);
    this.mDatas=datas;

    initView();
    initData();
    setListener();
  }

这里我其实是图方便，所以直接传了个固定宽度 ScreenUtil.dp2px(100,context) 进去了，实际开发中因为是点击某个控件然后在控件下面显示出来，那么应该传那个控件的宽度。

6.---OrderPop的layout布局pop_order.xml代码如下：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

其中，android:scrollbars="vertical"是设置滚动条方向，android:scrollbarThumbVertical="@color/blue"是设置滚动条颜色，android:scrollbar设置滚动条样式

7.---讲讲OrderPop的显隐动画问题

在OrderPop类中的initData()方法中涉及到这样一行代码：

代码如下:

setAnimationStyle(R.style.popuwindow_up_style);//popuwindow显示隐藏的动画

涉及到popuwindow的显隐动画问题，大家可以参考的前言中提到的popuwindow的基本使用文章，这里就不废话了。

第三步，OrderPop写好了，就该看看在MainActivity中是怎么调用的了，贴出MainActivity的代码：

/**
 * Created by Admin on 2017/5/19.
 */

public class MainActivity extends BaseActivity implements View.OnClickListener{

  @BindView(R.id.tv_order)
  TextView mTvOrder;

  private static final int DEFAULT_INDEX=0;
  private List mOrderList=new ArrayList<>();
  private OrderPop mOrderPop;

  @Override
  protected int getContentViewId() {
    return R.layout.activity_main;
  }

  @Override
  protected void initData() {
    initOrderTextBar();
  }

  /**订单列表**/
  private void initOrderTextBar(){
    mOrderList.add("野蛮人");
    mOrderList.add("圣骑士");
    mOrderList.add("亚马逊");
    mOrderList.add("死灵法师");
    mOrderList.add("法师");
    mOrderList.add("德鲁伊");
    mOrderList.add("刺客");
    mOrderPop=new OrderPop(mContext,mOrderList);
    setBarContent(mTvOrder,mOrderList,DEFAULT_INDEX);

    mOrderPop.setOnDismissListener(new PopupWindow.OnDismissListener() {
      @Override
      public void onDismiss(){
        mTvOrder.setSelected(false);
      }
    });
    //mOrderPop项点击事件
    mOrderPop.getAdapter().setOnRecyclerItemClickListener(new ManagerPopuAdapter.OnRecyclerItemClickListener() {
      @Override
      public void onRecyclerClick(int position) {
        showShortToast(mOrderList.get(position));
        //更新mTvOrder显示内容
        setBarContent(mTvOrder,mOrderList,position);
        //更新mOrderPop视图选中背景
        mOrderPop.setCurrentIndex(position);
        mOrderPop.notifyDataSetChanged();
      }
    });
  }


  @Override
  protected void setListener() {
    mTvOrder.setOnClickListener(this);
  }

  @Nullable
  @Override
  protected BasePresenter getPresenter() {
    return null;
  }

  @Override
  protected void onDestroy(){
    super.onDestroy();
  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
      case R.id.tv_order:
        if(mOrderPop!=null&&!mOrderPop.isShowing()){
          mTvOrder.setSelected(true);//控制mTvOrder变色
          mOrderPop.showAtLocationGravityBottom(mTvOrder,3);//显示mOrderPop
          //更新mOrderPop视图选中背景
          mOrderPop.setCurrentIndex(getIndexByTag(mTvOrder));
          mOrderPop.notifyDataSetChanged();
        }
        break;
      default:
        break;
    }
  }

  private void setBarContent(TextView textView,Listdata,int position){
    textView.setTag(position);
    textView.setText(data.get(position).toString());
  }

  private int getIndexByTag(TextView textView){
    int index=DEFAULT_INDEX;
    Object obj=textView.getTag();
    if(obj!=null){
      try {
        index=Integer.valueOf(obj.toString());
      } catch (NumberFormatException e) {
        e.printStackTrace();
      }
    }
    return index;
  }
}

MainActivity对应的布局activity_main.xml代码如下：

android:drawableRight="@drawable/manager_fragment_order_bg"中manager_fragment_order_bg.xml对应的代码如下：

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

ic_drop_up和ic_drop_down对应的分别是一张箭头向上的图片和一张箭头向下的图片，这里就不多说了。

android:textColor="@drawable/text_color_bg"的话是设置文字选中和未被选中时显示的颜色，在上面的第二步第四条已经讲过了，这里就不说了。

ok，整个实现过程大致就是这样的。今天关于PopuWindow实现下拉列表的知识就讲到这里了，谢谢诶。希望对大家的学习有所帮助，也希望大家多多支持。

推荐阅读

ssh
Android显示时间和日期的控件的使用总结

获取年月日，之前的日期不能选择日历cCalendar.getInstance（）;获取系统的工具类【可以获取时间】DatePickerDialogdate ... [详细]

蜡笔小新 2024-11-29 17:38:31
服务器
使用URLHttpConnection获取并展示图片至ImageView的方法

本文介绍如何通过URLHttpConnection方式从网络加载图片，并将其显示在Android应用的ImageView组件上。包括布局文件和Java代码的具体实现。 ... [详细]

蜡笔小新 2024-11-29 18:00:10
服务器
JobScheduler5.0源码分析

0.JobScheduler执行代码mJobScheduler(JobScheduler)getSystemService(Context.JOB_SCHEDULER_SERVICE); ... [详细]

蜡笔小新 2024-11-29 17:51:29
服务器
React Native 开发者如何高效替换 Android 图标与布局资源

针对未接触过 Android 开发的 React Native 开发者，本文提供了详细的指南，帮助他们了解如何轻松替换 Android 应用中的图标和布局资源，包括对 APK 结构的基本认识及多种替换方法。 ... [详细]

蜡笔小新 2024-11-29 16:22:28
服务器
Hibernate入门指南：单表数据库操作详解

本文介绍了Hibernate作为全面的ORM框架的基础知识，并详细讲解了在MyEclipse环境中配置Hibernate以及进行基本的数据库单表操作的方法，包括增删改查等常见操作。 ... [详细]

蜡笔小新 2024-11-29 15:55:25
linux
python翻译程序编写模板_python爬虫编写英译中小程序

1.选择一个翻译页面，我选择的是有道词典(http:dict.youdao.com)2.随便输入一个英语单词进行翻译，然后查看源文件，找到 ... [详细]

蜡笔小新 2024-11-29 12:52:41
ssh
使用与示例：Java中的JCheckBoxMenuItem.setMnemonic()方法

本文介绍了如何在Java中使用`JCheckBoxMenuItem.setMnemonic()`方法，并提供了多个实际应用的代码示例。 ... [详细]

蜡笔小新 2024-11-29 10:10:37
容器
深入理解SAP Fiori及其核心概念

本文详细介绍了SAP Fiori的基本概念、发展历程、核心特性、应用类型、运行环境以及开发工具等，旨在帮助读者全面了解SAP Fiori的技术框架和应用场景。 ... [详细]

蜡笔小新 2024-11-28 22:05:47
容器
Android实用方法汇总

本文总结了几个常用的Android开发技巧，包括检测设备上是否安装特定应用、获取应用的版本名称、设置状态栏透明以及如何从一个应用跳转至另一个应用的方法。 ... [详细]

蜡笔小新 2024-11-28 17:32:27
容器
hibernate报错

这个报错出现在userDao里面，sessionfactory没有注入。解决办法：spring整合Hibernate使用test测试时要把spring.xml和spring-hib ... [详细]

蜡笔小新 2024-11-28 16:52:44
linux
Android开发经验分享：优化用户体验的关键因素

随着Android市场的不断扩展，用户对于移动应用的期望也在不断提高。本文探讨了在Android开发中如何优化用户体验，以及为何用户体验的重要性超过了技术本身。 ... [详细]

蜡笔小新 2024-11-28 16:32:13
nginx
解析 HTTP 头 'Vary: Accept-Encoding' 的作用与重要性

本文详细探讨了 'Vary: Accept-Encoding' HTTP 头的作用，即指导缓存系统（如代理服务器和 CDN）根据不同的编码需求存储和提供适当的资源版本，确保不同类型的客户端能够接收到适合自己的内容。 ... [详细]

蜡笔小新 2024-11-27 19:36:14
nginx
拖拉切割直线

拖拉切割直线 ... [详细]

蜡笔小新 2024-11-27 19:20:38
nginx
如何在Android Studio中移除Activity的标题栏

本文介绍了在Android Studio中通过代码和配置文件两种方法来移除Activity的标题栏，并讨论了当Activity继承自AppCompatActivity时的特殊处理方法。 ... [详细]

蜡笔小新 2024-11-27 17:40:30
nginx
Activity跳转动画无缝衔接

Activity跳转动画无缝衔接 ... [详细]

蜡笔小新 2024-11-27 11:40:35

mobiledu2502886633

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章