android实现筛选菜单效果

前言

由于android M的popupwindow与之前版本不一致,笔者找不到能够代码监听物理返回键的方式,故另寻方式实现筛选菜单。5.0及之前的版本可用popupwindow实现,详情请参考popupwindow用法。

本篇采用Dialog实现。

实现步骤

1、设置主题

一般设置如下

<style name="Translucent_NoTitle" parent="android:style/Theme.Dialog">
  <item name="android:windowNoTitle">true</item>
  <item name="android:background">#00000000</item>
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:windowAnimationStyle">@null</item>
  <item name="android:windowIsFloating">true</item>
  <item name="android:colorBackgroundCacheHint">@null</item>
  <item name="android:windowIsTranslucent">true</item>
  <item name="android:backgroundDimEnabled">false</item><span style="white-space:pre"> </span>背景暗淡效果
</style>

也可使用android.R.style.Theme_Panel和android.R.style.Theme_Light_Panel。android.R.style.Theme_Panel代码如下,其与上面是一样的。

<style name="Theme.Panel">
  <item name="windowBackground">@color/transparent</item>
  <item name="colorBackgroundCacheHint">@null</item>
  <item name="windowFrame">@null</item>
  <item name="windowContentOverlay">@null</item>
  <item name="windowAnimationStyle">@null</item>
  <item name="windowIsFloating">true</item>
  <item name="backgroundDimEnabled">false</item>
  <item name="windowIsTranslucent">true</item>
  <item name="windowNoTitle">true</item>
</style>

2、设置内容的宽高

我们通过WindowManager.LayoutParams实现。

WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
  layoutParams.width = screenWidth;
  layoutParams.height = contentHeight;
  layoutParams.gravity = Gravity.TOP;
  layoutParams.flags |= WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL; //不阻塞事件传递到后面的窗口
  getWindow().setAttributes(layoutParams);

这里,设置layoutParams.flags |= WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL; 则后面窗口的按钮可响应触摸事件(例,HorizontalScrollView能横向滚动)。

3、设置动画

通过ValueAnimator实现。

enter = ValueAnimator.ofFloat(0, 1f).setDuration(350);
  enter.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator animation) {
    dialogContent.setTranslationY((1 - animation.getAnimatedFraction()) * -contentHeight);
   }
  });

  out = ValueAnimator.ofFloat(0, 1f).setDuration(350);
  out.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator animation) {
    dialogContent.setTranslationY(animation.getAnimatedFraction() * -contentHeight);
   }
  });
  out.addListener(new Animator.AnimatorListener() {
   @Override
   public void onAnimationStart(Animator animation) {

   }

   @Override
   public void onAnimationEnd(Animator animation) {
    dismiss();
   }

   @Override
   public void onAnimationCancel(Animator animation) {

   }

   @Override
   public void onAnimationRepeat(Animator animation) {

   }
  });

上面enter和out进行一系列设置,对out动画加开始结束监听。enter的start()方法在onStart()中调用

@Override
 protected void onStart() {
  super.onStart();
  dialogContent.post(new Runnable() {
   @Override
   public void run() {
    enter.start();
   }
  });
 }

通过view的post方式,enter.start()会在view hierarchy(view树)构建完后执行(即视图构建完后执行)。view.post源码:

public boolean post(Runnable action) {
  final AttachInfo attachInfo = mAttachInfo;
  if (attachInfo != null) {
   return attachInfo.mHandler.post(action);
  }
  // Assume that post will succeed later
  ViewRootImpl.getRunQueue().post(action);
  return true;
 }

第七行为关键代码,ViewRootImpl为视图层级的顶部,实现了view和WindowManager之间的必要协议。RunQueue:运行队列用来排入没有handler关联的view的以后工作。
所以这里dialog的视图显示时会调用enter.start()方法.

监听返回键:

@Override
 public boolean onKeyDown(int keyCode, KeyEvent event) {
  if (keyCode == KeyEvent.KEYCODE_BACK) {
   out.start();
   return true;
  }
  return super.onKeyDown(keyCode, event);
 }

out动画执行完后,onAnimationEnd中调用dismiss()方法。

4、在点击的view下显示出来

public void showAsDropView(View view) {
  WindowManager.LayoutParams lp = getWindow().getAttributes();
  lp.width = screenWidth;
  int[] location = new int[2];
  view.getLocationOnScreen(location);
//  view.getLocationInWindow(location);<span style="white-space:pre"> </span>这里跟上面一句的效果一样,不知有什么区别
  lp.y = location[1]-PhoneConstant.statusHeight+view.getHeight();
  lp.gravity = Gravity.TOP;
  getWindow().setAttributes(lp);
  contentTop = location[1];
  show();
 }

PhoneConstant.statusHeight为状态栏的高度,其通过反射获取

//反射获取状态栏高度
  Class<?> c = null;
  Object obj = null;
  Field field = null;
  int x = 0, sbar = 0;
  try {
   c = Class.forName("com.android.internal.R$dimen");
   obj = c.newInstance();
   field = c.getField("status_bar_height");
   x = Integer.parseInt(field.get(obj).toString());
   PhoneConstant.statusHeight = getResources().getDimensionPixelSize(x);
  } catch(Exception e1) {
   e1.printStackTrace();
  }

也可通过以下方式获取

Rect outRect = new Rect();
activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(outRect); 

不过直接放在activity的onCreate中无效,只有界面绘制出来了才能获取到,可通过view.post()方式获取。

效果图:

另外,继承自AlertDialog的自定义dialog点击edittext不弹出软键盘,所以一般继承自Dialog。

控制对话框输入法的弹出,调用

代码如下:

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE|WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android仿京东商品属性筛选功能

    筛选和属性选择是目前非常常用的功能模块:几乎所有的APP中都会使用: 点击筛选按钮会弹出一个自己封装好的popupWindow,实用方法非常简单:两行代码直接显示:(当然初始化数据除外) 这里和以前用到的流式布局有些不一样:流式布局 以前使用的是单个分类,而且也没有在项目中大量实用:这个筛选功能除了数据外几乎都是从项目中Copy出来的: 整个popupWindow布局就是一个自定义的ListView,这个自定义的listview主要是控制listview的高度: 如果数据少的话就是自适应,如果数

  • Android 仿京东侧滑筛选实例代码

    简单介绍 这个demo写的是仿京东的侧滑筛选页面,点击进入筛选后进入二级筛选,两次侧滑的筛选,还包括ListView+CheckBox滑动冲突,ListView+ GridView显示一行问题解决,接口回调传递数据等 效果图 简单得代码介绍 1.首页侧滑用的是安卓官方V4包中的DrawerLayout <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLa

  • 可支持快速搜索筛选的Android自定义选择控件

    Android 自定义支持快速搜索筛选的选择控件使用方法,具体如下 项目中遇到选择控件选项过多,需要快速查找匹配的情况. 做了简单的Demo,效果图如下: 源码地址:https://github.com/whieenz/SearchSelect 这个控件是由Dialog+SearchView+ListView实现的.Dialog用来承载选择控件,SearchView实现输入,ListView展示结果.设计概要图如下: 一.自定义Dialog Dialog布局文件 <?xml version=&quo

  • Android实现简单下拉筛选框

    最近接到一个新的项目,项目时间比较紧张,有一个功能类似于58同城,京东的一个下拉筛选框,为了节省时间,从网上面拷贝了一份封装好的代码,进行的自己的一些修改,感觉灵活性还挺高的,分享出来给大家看一看 大致效果如下,可以自己加入自己的布局 先看一下这个ExpandTabView这个类  代码比较简单 我就不做具体介绍了 有不懂的可以私信我 public class ExpandTabView extends LinearLayout implements OnDismissListener { pr

  • android实现筛选菜单效果

    前言 由于android M的popupwindow与之前版本不一致,笔者找不到能够代码监听物理返回键的方式,故另寻方式实现筛选菜单.5.0及之前的版本可用popupwindow实现,详情请参考popupwindow用法. 本篇采用Dialog实现. 实现步骤 1.设置主题 一般设置如下 <style name="Translucent_NoTitle" parent="android:style/Theme.Dialog"> <item name

  • 简单实现Android弹出菜单效果

    本文实例为大家分享了Android弹出菜单效果的具体代码,供大家参考,具体内容如下 功能描述:用户单击按钮弹出菜单.当用户选择一个菜单项,会触发MenuItemClick事件并让弹出的菜单消失:如果用户在菜单外单击,则直接消失弹出的菜单.当菜单消失时,会引发DismissEvent事件(利用此事件可在菜单消失时做一些后续处理). 1.运行效果 2.添加菜单项 在Resources文件夹下添加一个menu子文件夹,然后在此子文件夹下添加一个名为demo07_popup_menu.xml的文件: <

  • Android studio实现菜单效果

    本文实例为大家分享了Android studio实现菜单效果的具体代码,供大家参考,具体内容如下 一.onCreateOptionsMenu() 首先在res目录下新建一个menu文件夹,右击res目录→New→ Directory,输入文件夹名字menu(随意),点击OK,接着在menu文件夹下面新建一个main的菜单文件.点击menu文件夹new→menu resource file. activity.xml文件代码不需要改动. MainActivity.java 文件代码: packag

  • Android实现弧形菜单效果

    前言:公司需求,自己写的一个弧形菜单! 效果: 开发环境:AndroidStudio2.2.1+gradle-2.14.1 涉及知识:1.自定义控件,2.事件分发等 部分代码: public class HomePageMenuLayout extends ViewGroup { private Context context; // 菜单项的文本 private String[] mItemTexts = null; private int StatusHeight;//状态栏高度 publi

  • Android实现卫星菜单效果

    前言 最近需求中,需要实现 卫星菜单的需求,最终通过自定义View和动画属性来实现,具体功能如下: 1.自定义View import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; import android.view.animation.Animation; import android.view.animat

  • Android自定义转盘菜单效果

    最近由于公司项目需要,需要开发一款转盘菜单,费了好大功夫搞出来了,下面分享下 样图 具体功能如下: import android.graphics.Color; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentPagerAdapter; import android.support.v7.app.AppCompatActivity; im

  • Android中DrawerLayout实现侧滑菜单效果

    众所周知,android里面我们很熟悉的一个功能,侧滑菜单效果在以前我们大部分都是用的slidingmenu这个开源框架,自从谷歌官方新出的一个DrawerLayout控件之后,越来越多的应用开始使用谷歌的官方的控件写这个效果了. 话不多说,先来发图以表我滴诚意: 开始写代码 DrawerLayout 是v4包里面的,所以项目里面需要添加v4包,具体怎么添加就不多说了, NavigationView需要在build.gradle里面添加compile 'com.android.support:d

  • Android仿微信滑动弹出编辑、删除菜单效果、增加下拉刷新功能

    如何为不同的list item呈现不同的菜单,本文实例就为大家介绍了Android仿微信或QQ滑动弹出编辑.删除菜单效果.增加下拉刷新等功能的实现,分享给大家供大家参考,具体内容如下 效果图: 1. 下载开源项目,并将其中的liberary导入到自己的项目中: 2. 使用SwipeMenuListView代替ListView,在页面中布局: <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefresh

  • Android编程实现仿优酷旋转菜单效果(附demo源码)

    本文实例讲述了Android编程实现仿优酷旋转菜单效果.分享给大家供大家参考,具体如下: 首先,看下效果: 不好意思,不会制作动态图片,只好上传静态的了,如果谁会,请教教我吧. 首先,看下xml文件: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" a

  • Android实现模仿UCweb菜单效果的方法

    本文实例讲述了Android实现模仿UCweb菜单效果的方法.分享给大家供大家参考.具体如下: UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下: 1.保留menu按键作用 2.用popupwindow作为菜单显示容器 3.用GridView显示所有子菜单 代码如下: 1.布局文件: popupwindow.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

随机推荐