实现下拉选择框

直接上代码

Activity.java

package com.example.shaofei.customerviewdemo1;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
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.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast; import java.util.ArrayList; public class ShowDownMenuDemoActivity extends AppCompatActivity { private EditText mEt_input;
private ImageButton mIb_show_down;
private ArrayList<String> mListData;
private PopupWindow mPopupWindow;
private boolean isShow = false; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_popup_window_demo); initView();
} private void initView() {
mEt_input = (EditText) findViewById(R.id.et_input);
mIb_show_down = (ImageButton) findViewById(R.id.ib_show_down); mIb_show_down.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) { if (isShow) {
mPopupWindow.dismiss();
isShow = false;
} else {
showPopupWindow();
isShow = true;
}
}
});
} /**
* 显示PopupWindow
*/
private void showPopupWindow() {
ListView listView = new ListView(this); mListData = new ArrayList<>();
for (int i = 0; i < 30; i++) {
mListData.add("10000" + i);
} //设置数据适配器
listView.setAdapter(new MyAdapter());
listView.setDividerHeight(0); mPopupWindow = new PopupWindow(listView, mEt_input.getWidth(), 800); //设置点击空白处隐藏
mPopupWindow.setOutsideTouchable(true); //在哪个位置,x偏移多少,y偏移多少
mPopupWindow.showAsDropDown(mEt_input, 0, 0); //让Popupwindown可以获取焦点
mPopupWindow.setFocusable(true); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
mEt_input.setText(mListData.get(i));
mPopupWindow.dismiss();
isShow = false;
}
}); } private class MyAdapter extends BaseAdapter {
@Override
public int getCount() {
return mListData.size();
} @Override
public Object getItem(int i) {
return mListData.get(i);
} @Override
public long getItemId(int i) {
return i;
} @Override
public View getView(final int i, View view, ViewGroup viewGroup) {
ViewHolder holder = null; if (view == null) {
holder = new ViewHolder(); view = View.inflate(viewGroup.getContext(), R.layout.item_popup, null); holder.mTextView = view.findViewById(R.id.tv_center);
holder.mImageButton = view.findViewById(R.id.ib_delete); view.setTag(holder);
} holder = (ViewHolder) view.getTag(); holder.mTextView.setText(mListData.get(i)); holder.mImageButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(ShowDownMenuDemoActivity.this, "点击删除", Toast.LENGTH_SHORT).show(); mListData.remove(mListData.get(i)); notifyDataSetChanged(); if(mListData.size()==0) {
//如果删除到空集合,那么就隐藏
mPopupWindow.dismiss();
isShow = false;
} }
}); return view;
}
} class ViewHolder {
TextView mTextView;
ImageButton mImageButton;
}
}

xml文件:

<?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="match_parent"
android:orientation="vertical"> <RelativeLayout
android:layout_width="300dp"
android:layout_height="60dp"
android:layout_gravity="center"> <EditText
android:id="@+id/et_input"
android:layout_width="match_parent"
android:layout_height="60dp"
android:hint="点击输入"/> <ImageButton
android:id="@+id/ib_show_down"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentRight="true"
android:background="@null"
android:src="@mipmap/arrow_down"/> </RelativeLayout> </LinearLayout>

ListView中的item布局:

<?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="50dp"
android:descendantFocusability="blocksDescendants"
android:layout_margin="20dp"
android:gravity="center"
android:orientation="horizontal"> <ImageView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:src="@mipmap/arrow_constant"/> <TextView
android:id="@+id/tv_center"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="10"
android:gravity="center"
android:text="1000101"
android:textColor="#a000"/> <ImageButton
android:id="@+id/ib_delete"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:src="@mipmap/arrow_delete"/> </LinearLayout>

遇到的问题

PopupWindow中的ListView的item获取不到点击事件,原因是,item中的ImageButton抢占了item的焦点。我们可以在item的根布局中设置如下属性:

android:descendantFocusability=”blocksDescendants”

将其布局的焦点分块进行区分。就可以获取到焦点了。如果还是不能获取焦点的话,那么就在代码中再添加一行代码;

//让Popupwindown可以获取焦点

mPopupWindow.setFocusable(true);

下拉选择框,PopupWindow的使用的更多相关文章

  1. java、easyui-combotree树形下拉选择框

    最近一直在研究这个树形的下拉选择框,感觉非常的有用,现在整理下来供大家使用: 首先数据库的表架构设计和三级菜单联动的表结构是一样,(父子关系) 1.下面我们用hibernate建一下对应的额实体类: ...

  2. FancySelect – 更好用的 jQuery 下拉选择框插件

    FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择.FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以 ...

  3. HTML、CSS小知识--兼容IE的下拉选择框select

    HTML <div class="s_h_ie"> <select id="Select1" disabled="disabled& ...

  4. Bootstrap系列 -- 15. 下拉选择框select

    Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple.Bootstrap框架会为这些元素提供统一的样式风格 <form role=&quo ...

  5. CSS自定义select下拉选择框(不用其他标签模拟)

    今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方 ...

  6. 基于jQuery美化联动下拉选择框

    今天给大家介绍一款基于jQuery美化联动下拉选择框.这款下下拉选择框js里自带了全国所有城市的数数库.下拉选择框适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲 ...

  7. ul+jquery自定义下拉选择框

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. 背水一战 Windows 10 (105) - 通知(Toast): 带按钮的 toast, 带输入的 toast(文本输入框,下拉选择框)

    [源码下载] 背水一战 Windows 10 (105) - 通知(Toast): 带按钮的 toast, 带输入的 toast(文本输入框,下拉选择框) 作者:webabcd 介绍背水一战 Wind ...

  9. jQuery插件——下拉选择框

    其实,之前也写过jQuery插件,今天写的是一个模拟select选择的下拉插件. 既然是jQuery插件,那么必然是依赖jQuery的了. 老规矩,直接上代码吧! ;(function () { $. ...

随机推荐

  1. 浅谈网络I/O多路复用模型 select & poll & epoll

    http://blog.csdn.net/nk_test/article/details/50662946

  2. Virtualbox使用点滴(共享USB设备,Linux下我的用户没有加到vboxuser中去)

    由于网银客户端的问题,只能够在windows环境下支付,所以一直保存着一个激活的virtualbox下的windows,用来完成在线支付. 过去这个激活的windows是安装在ubuntu 10.10 ...

  3. 无辜的RAD(RAD是让你去创造和使用可复用的组件,不是让程序员“变白痴”)good

    无辜的RAD 2005-3-21 说实话,RAD很无辜.从出生的那天其就被骂,天天被指着鼻子说“不就是拖个控件嘛”,就好像当年说学电脑“不就是插个鼠标嘛”.也怪程序员大都天性犯贱,就爱一遍又一便的写基 ...

  4. axios和vuex

    0.babel 将es6代码转换成各个浏览器都能识别的代码 一.axios 1.官方网站 https://www.kancloud.cn/yunye/axios/234845 2.引用: (1)cdn ...

  5. Dubbo详解-说明(一)

    Dubbo 是什么? Dubble是一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,以及SOA服务治理的方案. Dubbo 有啥特点? 远程通讯:提供透明化的远程方法的调用,提供 ...

  6. Fabric1.4源码解析: 链码容器启动过程

    想写点东西记录一下最近看的一些Fabric源码,本文使用的是fabric1.4的版本,所以对于其他版本的fabric,内容可能会有所不同. 本文想针对Fabric中链码容器的启动过程进行源码的解析.这 ...

  7. 从0到1构建网易云信IM私有化

    本文来源于MOT技术管理课堂杭州站演讲实录,全文 2410 字,阅读约需 5分钟.网易云信资深研发工程师张翱从私有化面临的问题及需求说起,分享了网易云信IM私有化的解决方案和具体实践. 想要阅读更多技 ...

  8. Storm —— 集群环境搭建

    一.集群规划 这里搭建一个3节点的Storm集群:三台主机上均部署Supervisor和LogViewer服务.同时为了保证高可用,除了在hadoop001上部署主Nimbus服务外,还在hadoop ...

  9. spring boot 2.x 系列 —— spring boot 实现分布式 session

    文章目录 一.项目结构 二.分布式session的配置 2.1 引入依赖 2.2 Redis配置 2.3 启动类上添加@EnableRedisHttpSession 注解开启 spring-sessi ...

  10. PATA 1065 A+B and C (64bit)

    1065. A+B and C (64bit) (20) 时间限制 100 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 HOU, Qiming G ...