【Android】通过PopupWindow实现浏览器风格的下拉菜单

最新推荐文章于 2023-10-09 00:04:27 发布
最新推荐文章于 2023-10-09 00:04:27 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： Android笔记 文章标签： android 浏览器 layout button radiobutton encoding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovediji/article/details/6828228
版权

先上图：



main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent" android:gravity="center_horizontal">
	<TextView android:layout_width="fill_parent"
		android:layout_height="wrap_content" android:text="@string/hello" />
	<TextView android:id="@+id/btn" android:layout_width="200dip"
		android:singleLine="true" android:textColor="@android:color/black"
		android:background="@android:color/white" android:layout_height="25dip"
		android:text="下拉。。。" android:gravity="left" android:drawableRight="@drawable/spinner_sanjiao"
		android:focusable="false" />
</LinearLayout>


popwindow.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="wrap_content"
	android:layout_height="wrap_content">
	<ScrollView android:layout_width="fill_parent"
		android:scrollbarFadeDuration="0" android:layout_height="80dip"
		android:scrollbarAlwaysDrawVerticalTrack="true" android:background="@android:color/white">

		<RadioGroup android:id="@+id/rg" android:layout_width="fill_parent"
			android:layout_height="wrap_content">

			<RadioButton android:id="@+id/b11" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="中国" />

			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农sdfsdfsdfsdfsdfsdfsdddd大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />

			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />


			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />
			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />
			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />
			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />
			<RadioButton android:id="@+id/b22" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="长沙" />

			<RadioButton android:id="@+id/b33" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="湖南农大" />


			<RadioButton android:id="@+id/b44" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="犀利" />

			<RadioButton android:id="@+id/b55" android:layout_width="fill_parent"
				android:textColor="#000000" android:background="#FFFFFF"
				android:layout_height="wrap_content" android:button="@null"
				android:text="尼玛" />


		</RadioGroup>
	</ScrollView>

</LinearLayout>



接下来是Activity：

package com.deng.ui;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TextView;

public class PopWindow_DemoActivity extends Activity implements
		OnCheckedChangeListener {
	TextView tv;
	PopupWindow pupup;
	RadioGroup rg;
	View vv;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		tv = (TextView) findViewById(R.id.btn);
		tv.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				System.out.println("cccc...");
				if (pupup != null && pupup.isShowing()) {
					dismissPop();
					return;
				}
				showPopWindow();
			}
		});
	}

	public void showPopWindow() {
		LayoutInflater in = (LayoutInflater) PopWindow_DemoActivity.this
				.getSystemService(LAYOUT_INFLATER_SERVICE);
		vv = in.inflate(R.layout.popwindow, null);
		rg = (RadioGroup) vv.findViewById(R.id.rg);
		rg.setOnCheckedChangeListener(this);
		int[] location = new int[2];
		tv.getLocationOnScreen(location);
		pupup = new PopupWindow(vv, tv.getWidth(), LayoutParams.WRAP_CONTENT);
		pupup.showAtLocation(findViewById(R.id.btn), Gravity.NO_GRAVITY,
				location[0], location[1] + tv.getHeight());
	}

	public void dismissPop() {
		pupup.dismiss();
	}

	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		// TODO Auto-generated method stub
		RadioButton rb = (RadioButton) vv.findViewById(checkedId);
		tv.setText(rb.getText());
		dismissPop();
	}

}




小结：

1.ScrollView要设置 android:background="@android:color/white"，不然默认的灰色渐变会与被遮盖的控件产生白色重影。

2.让PopupWindow显示在事件控件的下方，用如下代码：

		pupup = new PopupWindow(vv, tv.getWidth(), LayoutParams.WRAP_CONTENT);
		pupup.showAtLocation(findViewById(R.id.btn), Gravity.NO_GRAVITY,
				location[0], location[1] + tv.getHeight());


3.下拉事件产生源用了TextView，然后在TextView的右方上了一个三角形的图： android:drawableRight="@drawable/spinner_sanjiao"

4.不在当前layout的控件要通过LayoutInflater获得View后，再通过该View找到，而不是直接findViewById，如： RadioButton rb = (RadioButton) vv.findViewById(checkedId);

lovediji
关注
专栏目录
popwindow实现下拉菜单弹出和收缩效果
duanyu218的专栏
02-01 4131
别的不多说先上图吧 以前做这样的功能，我都是自定义一个LinerLayout,然后控制它的隐藏和显示，还需要添加弹出和隐藏的动画效果。另外还需要处理点击空白处和返回该键下拉菜单自动关闭。今天在eoe上无意看到popwindow也能实现这样的功能，而且根本不需要处理动画效果和空白处、返回键点击自动关闭的功能。哎，看来我真的out了，直接上代码： 这里是自定义的PopMen
Android自定义下拉框（PopupWindow实现）
10-29
Android自定义下拉框，用PopupWindow实现
android利用PopupWindow实现点击工具栏弹出下拉菜单
06-26
android页面开发中会碰到这种需求：点击页面顶部工具栏某个按钮时需要弹出下拉菜单。该工程利用PopupWindow实现了点击工具栏弹出下拉菜单的功能的主要实现类 .
【android开发】使用PopupWindow实现页面点击顶部弹出下拉菜单
daditao的专栏
04-25 1431
http://blog.csdn.net/mad1989/article/details/9024977 没有太多花样，也没有很复杂的技术，就是简单的PopupWindow的使用，可以实现点击弹出一个自定义的view，view里可以随便设计，常用的可以放一个listview。 demo中我只是一个点击展示，简单的使用了fade in out的动画效果，也没有精美的图片资源，
简单的popwindow实现某个模块下拉单效果
u012303938的专栏
02-05 485
利用popwindow实现在任意控件下的效果，只需改动showAsDropDown里的view的位置即可  看例子   下载地址http://download.csdn.net/detail/u012303938/8425361  代码如下    package com.example.popwindow; import java.util.ArrayList; import java.ut
Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)
01-04
本文实例讲述了Android编程之ICS式下拉菜单PopupWindow实现方法。分享给大家供大家参考，具体如下： 运行效果截图如下： 右边这个就是下拉菜单啦，看见有的地方叫他 ICS式下拉菜单，哎哟，不错哦！ 下面先讲一下实现原理： 这种菜单实际上就是一个弹出式的菜单，于是我们想到android PopupWindow 类，给他设置一个view 在弹出来不就OK了吗。 PopupWindow 的用法也很简单 主要方法： 步骤1.new 一个实例出来，我们使用这个构造方法即可， 代码如下:public PopupWindow (View contentView, int width, in
android ICS式下拉菜单实现详解 PopupWindow
热门推荐
z1074971432的专栏
05-08 3万+
Android 交流群 110687406 这是我现在做的一个毕业设计项目： 右边这个就是下拉菜单啦，看见有的地方叫他 ICS式下拉菜单，哎哟，不错哦！ 下面先讲一下实现原理： 这种菜单实际上就是一个弹出式的菜单，于是我们想到android PopupWindow 类，给他设置一个view 在弹出来不就OK了吗。 PopupWindow 的用法也很简单
类似于网站的Android下拉框
02-02
类似于网站那种android下拉框，绝对真实，骗人的木有小JJ
Android自定义下拉列表PopupWindow
总之岁月漫长，然而值得等待。
05-12 3933
自定义PopupWindow定义一个主类：package com.example.administrator.testpopuwindow;import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.TextView
popwindow下拉效果
02-05
实现popwindow在某个控件的下拉框效果，很简单的实现
Android封装popwindow类（下拉菜单弹出和收缩效果）
07-22
popwindow 实现下拉菜单的弹出和收缩效果 http://blog.csdn.net/jdsjlzx/article/details/52000107资源
android使用PopUpWindow自定义下拉框
01-16
android使用PopUpWindow自定义下拉框
Android自定义PopWindow带动画向下弹出效果
08-26
主要介绍了Android自定义PopWindow带动画向下弹出效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 利用popwindow实现类似下拉框效果
sqyNick
10-31 1593
1.实现思路。 利用popwindow的showAsDropDown方法，结合自定义background样式。 2.java代码 PopupWindow searchConditionPopwindow = null; View contentView = null; public void showSearchConditionPopwindow(View parent){
Android 自定义PopupWindow，实现下拉框
最新发布
Lan_Se_Tian_Ma的博客
10-09 1064
1、页面由ViewPager2Fragment实现；2、下拉框是基于实现；3、我使用PopupWindow实现下拉框时，发现一个问题，PopupWindow 在窗口显示的情况 下，无法直接从外部修改布局，必须先dismiss；上源码：return;... ...4、如果先dismiss再添加，属于重新创建布局，切换生硬，会出现闪烁，影响用户体验，就像这样；那就没办法了，自己实现；
android 向下动画,Android自定义PopWindow带动画向下弹出效果
weixin_39734987的博客
05-25 404
本文实例为大家分享了PopWindow实现带动画向下弹出效果的具体代码，供大家参考，具体内容如下首先建一个popwin的实体类package dmpte.mytest;import android.content.Context;import android.view.LayoutInflater;import android.view.MotionEvent;import android.vie...
使用popwindow实现自己的下拉列表
u010859484的博客
11-18 1445
我们传统的下拉列表是spinner，但是spinner有时候实现不了我们想要的效果，可能需要自定义，但是自定义也会出现很多问题，这个问题变的非常的繁琐，为此需要用popwindow实现这个下拉列表，下面看demo运行效果图， 这个下拉列表实现范围非常广泛，为此特意做了一个demo哈，下面看我实现的思路，了解popwindow，其实就是一个控件点击之后弹出popwindow,然后在popwindo
Android 自定义下拉列表
LeBron_Six的专栏
09-18 6851
Android 自定义下拉列表。效果图如下。 首先，创建一个标题及箭头布局，点击后弹出下拉菜单。，代码如下所示： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/spiner" android:layout_width="match_par
自定义popwindow的spinner下拉列表
u010976601的博客
07-08 1560
类似spinner下拉控件，自定义popwindow来实现
自定义Android PopupWindow实现丰富菜单实例
本文将详细介绍如何在Android应用中使用PopupWindow来实现一个自定义的弹出菜单，以满足开发者的特定需求，因为原生的Android弹出菜单可能无法满足某些设计或功能上的要求。PopupWindow在Android中扮演着浮动视图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值