Android仿泡泡窗实现下拉菜单条实例代码

功能描述:点击下拉按钮,显示出所有的条目,有删除和点击功能,点击后将条目显示。

注意:泡泡窗默认是没有焦点的。要让泡泡窗获取到焦点。假如listview的item中有Button,ImageButton,CheckBox等会强制获取焦点的view 此时,listview的item无法获取焦点,从而无法被点击 解决方法:给item的根布局增加以下属性 Android:descendantFocusability="blocksDescendants"设置之后,Button获取焦点,item中其他控件也可以获取焦点,如果文本的文字过多,会被后面的图标盖住,首先设置单行android:singleLine="true"再设置右边距就盖不住android:padding="40dp"

需要添加下面三项

//让泡泡窗额度条目获取到焦点 popupWindow.setFocusable(true); //设置背景图 popupWindow.setBackgroundDrawable(new BitmapDrawable()); popupWindow.setOutsideTouchable(true);

主布局文件activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#22000000" tools:context=".MainActivity" > <RelativeLayout android:layout_marginTop="40dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" > <EditText android:id="@+id/et" android:singleLine="true" android:padding="40dp" android:layout_width="300dp" android:layout_height="40dp" /> <ImageView android:layout_width="wrap_content" android:layout_height="40dp" android:id="@+id/iv_select" android:layout_centerVertical="true" android:background="@drawable/ic_launcher" android:layout_alignRight="@id/et" /> </RelativeLayout> </RelativeLayout>

每一个条目的布局文件item_list.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:padding="5dp" android:orientation="horizontal" > <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:drawableLeft="@drawable/ic_launcher" android:gravity="center_vertical" android:drawablePadding="3dp" android:text="123" android:id="@+id/tv_number" android:layout_weight="1" /> <ImageView android:id="@+id/iv_delete" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/ic_launcher" /> </LinearLayout>

逻辑代码MainActivity.java

package com.ldw.select; import java.util.ArrayList; import android.app.Activity; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.BaseAdapter; import android.widget.EditText; import android.widget.ImageView; import android.widget.ListView; import android.widget.PopupWindow; import android.widget.TextView; public class MainActivity extends Activity implements OnClickListener{ private ImageView iv_select; private EditText et; private ArrayList<String> list = new ArrayList<String>(); private TextView tv_number; private ImageView iv_delete; private ListView listView; private PopupWindow popupWindow; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); initView(); initListener(); initData(); } private void initView() { setContentView(R.layout.activity_main); iv_select = (ImageView) findViewById(R.id.iv_select); et = (EditText) findViewById(R.id.et); } private void initListener() { iv_select.setOnClickListener(this); } //集合中添加数据 private void initData() { for(int i = 0; i< 20; i++){ list.add(1340000000 + i + ""); } initListView(); } //初始化列表 private void initListView(){ listView = new ListView(this); //设置listView的背景图 listView.setBackgroundResource(R.drawable.ic_launcher); //让listView的滚动条不可见 listView.setVerticalScrollBarEnabled(false); MyAdapter adapter = new MyAdapter(); listView.setAdapter(adapter); listView.setOnItemClickListener(new OnItemClickListener(){ @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { et.setText(list.get(position)); //关闭泡泡窗 popupWindow.dismiss(); } }); } //泡泡窗实现点击显示列表,泡泡窗默认是不获取焦点的 private void showNumberList(){ if(popupWindow == null){ //泡泡窗的填充,设置宽高 popupWindow = new PopupWindow(listView, et.getWidth(), 300); } //让泡泡窗额度条目获取到焦点 popupWindow.setFocusable(true); //设置背景图 popupWindow.setBackgroundDrawable(new BitmapDrawable()); popupWindow.setOutsideTouchable(true); //第一个参数是依附哪一个参数下,x轴,y轴的偏移量,相对于第一个参数的左下角的位置 popupWindow.showAsDropDown(et, 0, 0); } @Override public void onClick(View v){ switch (v.getId()){ case R.id.iv_select: //点击弹出列表 showNumberList(); break; } } //listView填充 class MyAdapter extends BaseAdapter{ @Override public int getCount() { return list.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override public View getView(final int position, View convertView, ViewGroup parent) { final View view = View.inflate(MainActivity.this, R.layout.item_list, null); tv_number = (TextView) view.findViewById(R.id.tv_number); iv_delete = (ImageView) view.findViewById(R.id.iv_delete); tv_number.setText(list.get(position)); //删除按键 iv_delete.setOnClickListener(new OnClickListener(){ @Override public void onClick(View v) { //删除条目 list.remove(position); //更新页面 notifyDataSetChanged(); //根据当前条目的个数设置,当前条目的高度 int listViewHeight = list.size() * view.getHeight(); if(listViewHeight > 300){ listViewHeight = 300; }else{ listViewHeight = listViewHeight; } //更新泡泡窗的高度 popupWindow.update(et.getWidth(), listViewHeight); //删除完了,泡泡窗小消失 if(list.size() == 0){ popupWindow.dismiss(); //下拉条消失 iv_select.setVisibility(View.GONE); } } }); return view; } } }

以上所述是小编给大家介绍的Android仿泡泡窗实现下拉菜单条实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-08-03 04:37:04

Android仿泡泡窗实现下拉菜单条实例代码的相关文章

Bootstrap下拉菜单效果实例代码分享_javascript技巧

下拉菜单Dropdown不是表单中<select><option value=''></option></select>那种啊,而是导航条中常见的那种.  Bootstrap官方网站对下拉菜单Dropdown的解释很少,即使是他们的英文官方网站.  对于如何更改下拉菜单的背景颜色.如果对下拉菜单默认的黑色超级链接进行修改,如何把下拉菜单更改成普通的超级链接而不是文字的样式,官方网站是完全没有具体的解释.  而且,官方网站的超级链接代码杂糅着许多没有用的参数.

jquery实现多级下拉菜单的实例代码_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery实现多级下拉菜

Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)_Android

本文实例讲述了Android编程之ICS式下拉菜单PopupWindow实现方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 右边这个就是下拉菜单啦,看见有的地方叫他 ICS式下拉菜单,哎哟,不错哦! 下面先讲一下实现原理: 这种菜单实际上就是一个弹出式的菜单,于是我们想到android PopupWindow 类,给他设置一个view 在弹出来不就OK了吗. PopupWindow 的用法也很简单 主要方法: 步骤1.new 一个实例出来,我们使用这个构造方法即可, 复制代码 代码如

Android仿百度外卖自定义下拉刷新效果_Android

现如今的APP各式各样,同样也带来了各种需求,一个下拉刷新都能玩出花样了,前两天订饭的时候不经意间看到了"百度外卖"的下拉刷新,今天的主题就是它–自定义下拉刷新动画. 看一下实现效果吧: 动画 我们先来看看Android中的动画吧: Android中的动画分为三种: Tween动画,这一类的动画提供了旋转.平移.缩放等效果. Alpha – 淡入淡出 Scale – 缩放效果 Roate – 旋转效果 Translate – 平移效果 Frame动画(帧动画),这一类动画可以创建一个D

Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)

本文实例讲述了Android编程之ICS式下拉菜单PopupWindow实现方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 右边这个就是下拉菜单啦,看见有的地方叫他 ICS式下拉菜单,哎哟,不错哦! 下面先讲一下实现原理: 这种菜单实际上就是一个弹出式的菜单,于是我们想到android PopupWindow 类,给他设置一个view 在弹出来不就OK了吗. PopupWindow 的用法也很简单 主要方法: 步骤1.new 一个实例出来,我们使用这个构造方法即可, 复制代码 代码如

Android仿百度外卖自定义下拉刷新效果

现如今的APP各式各样,同样也带来了各种需求,一个下拉刷新都能玩出花样了,前两天订饭的时候不经意间看到了"百度外卖"的下拉刷新,今天的主题就是它–自定义下拉刷新动画. 看一下实现效果吧: 动画 我们先来看看Android中的动画吧: Android中的动画分为三种: Tween动画,这一类的动画提供了旋转.平移.缩放等效果. Alpha – 淡入淡出 Scale – 缩放效果 Roate – 旋转效果 Translate – 平移效果 Frame动画(帧动画),这一类动画可以创建一个D

通用无限极下拉菜单的实现代码_javascript技巧

下拉菜单在我开发中经常遇到,但是没个项目都需要从新编写,改起来虽然简单但是很麻烦,我这个人还是比较懒的,今天有时间把我以前的项目开发中的菜单整理一遍,编写一个通用版本,以后就不需要那么麻烦了. 特点 今天整理的菜单是由jquery+css开发有如下特点: 一.通用性强 以前在用的一个下拉菜单有个问题,需要对主导航和子菜单进行单独的设置,比如,二级菜单是class="first_menu",三级菜单是class="second_menu"....依次类推,这样的写法有

Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码_javascript技巧

使用Bootstrap导航条组件时,如果你的导航条带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,这并不是我想要的,我希望导航条的链接可以正常打开它的链接,但又需要下拉菜单功能,开始折腾~ 首先解决带下拉菜单的导航条可以点击问题,下拉菜单效果是JS实现的,分析bootstrap.js文件发现,Bootstrap把下拉菜单写成了一个JQuery插件,在dropdown代码段中找到了关键的几句: // APPLY TO STANDA

jQuery下拉菜单的实现代码_jquery

jQuery是一款流行已久的Javascript框架,确实很好用.今天我给大家介绍jquery下拉菜单的实现代码,具体代码如下所述: <!DOCTYPE html> <head lang="en"> <meta charset="UTF-8"> * { padding: 0; margin: 0; ul { list-style: none; .wrap { width: 730px; height: 50px; margin: