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

 更新时间:2017年03月30日 10:25:57   作者:一花一朝  
本篇文章主要介绍了Android 仿京东侧滑筛选实例代码,详细的介绍了侧滑筛选的代码,具有一定的参考价值,有兴趣的可以了解一下。

简单介绍

这个demo写的是仿京东的侧滑筛选页面,点击进入筛选后进入二级筛选,两次侧滑的筛选,还包括ListView+CheckBox滑动冲突,ListView+ GridView显示一行问题解决,接口回调传递数据等

效果图



简单得代码介绍

1.首页侧滑用的是安卓官方V4包中的DrawerLayout

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/drawer_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true">

  <FrameLayout
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <TextView
      android:id="@+id/screenTv"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center|top"
      android:layout_marginTop="200dp"
      android:text="仿京东筛选"
      android:textSize="20sp" />
  </FrameLayout>

  <LinearLayout
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="end"
    android:fitsSystemWindows="true"
    android:orientation="vertical" />

</android.support.v4.widget.DrawerLayout>

2.一级页面是自定义的layout,作为DrawerLayout的侧滑页面添加进去

menuHeaderView = new RightSideslipLay(ScreeningActivity.this);
navigationView.addView(menuHeaderView);

发现的一个小的技巧想要侧滑不随滑动而滑动,只能点击才出现侧滑的话,可以先锁定
drawer.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.RIGHT);这样就不一直跟着手势侧滑了

3.一级界面 ListVIew嵌套GridView,GridView得做自设配高度的自定义,不然只能显示一行,具体参源码AutoMeasureHeightGridView这个类

4.接下来是解析数据绑定数据了,还算比较简单。定义模型类,京东的筛选默认每项显示数据3个即一行。我现在默认的是都是关闭的,只有第一项是打开的,默认显现9个即3行,点击查看更多就能进入下一级页面。参看图二

5.二级页面是一个PopupWindow,设置了PopupWindow的位置和动画达到,也能像一级界面也样,右边侧滑出来,点击侧滑收回去的效果。

/**

 * 创建PopupWindow
 */
private PopupWindow mMenuPop;
public RightSideslipChildLay mDownMenu;

protected void initPopuptWindow(List<AttrList.Attr.Vals> mSelectData) {
  mDownMenu = new RightSideslipChildLay(getContext(), ValsData, mSelectData);
  if (mMenuPop == null) {
    mMenuPop = new PopupWindow(mDownMenu, LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT);
  }
  mMenuPop.setBackgroundDrawable(new BitmapDrawable());
  mMenuPop.setAnimationStyle(R.style.popupWindowAnimRight);
  mMenuPop.setFocusable(true);
  mMenuPop.showAtLocation(RightSideslipLay.this, Gravity.TOP, 100, UiUtils.getStatusBarHeight(mCtx));
  mMenuPop.setOnDismissListener(new PopupWindow.OnDismissListener() {

    @Override
    public void onDismiss() {
      dismissMenuPop();
    }
  });
}

此页面是一个ListView里包含CheckBox,对于CheckBox滑动选中错位的问题在这个demo中也有解决,此法一本万利。可以下载demo来参考。大体思路是CheckBox选中的状态对象的存在需要显示的对象里,设置对象的一个属性,记录CheckBox选中的状态。

6.对于页面件数据的传递使用的接口回调。包括Adapter数据操作的传出和一级页面传入二级页面,二级页面在回传给一级页面显示。一级页面在传出给主页面(这个没有写)也可以用其他数据传递的方式,这只是方法之一。

7.项目下载地址:AndroidScreening_jb51.rar

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

相关文章

  • Android多媒体之画画板开发案例分享

    Android多媒体之画画板开发案例分享

    这篇文章主要为大家分享了Android多媒体之画画板开发案例,具有一定的实用性和参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 浅谈android获取存储目录(路径)的几种方式和注意事项

    浅谈android获取存储目录(路径)的几种方式和注意事项

    今天小编就为大家分享一篇浅谈android获取存储目录(路径)的几种方式和注意事项,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • android蓝牙简单开发示例教程

    android蓝牙简单开发示例教程

    大家好,本篇文章主要讲的是android蓝牙简单开发示例教程,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2021-12-12
  • Android布局之TableLayout表格布局

    Android布局之TableLayout表格布局

    Tablelayout类以行和列的形式对控件进行管理,每一行为一个TableRow对象,或一个View控件。当为TableRow对象时,可在TableRow下添加子控件,默认情况下,每个子控件占据一列。 当为View时,该View将独占一行
    2015-12-12
  • Android自定义view实现圆的扩散效果

    Android自定义view实现圆的扩散效果

    这篇文章主要为大家详细介绍了Android自定义view实现圆的扩散效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android仿微信微博多图展示效果

    Android仿微信微博多图展示效果

    这篇文章主要为大家详细介绍了Android仿微信微博多图展示效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android线程间通信Handler源码详解

    Android线程间通信Handler源码详解

    这篇文章主要为大家介绍了Android线程间通信Handler源码示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • web app与原生app的区别

    web app与原生app的区别

    本文主要给大家分析介绍了web app与原生app的区别,以及各自的优势和劣势,推荐给大家,有需要的小伙伴来参考下吧
    2015-03-03
  • 一文带你了解Android Flutter中Transform的使用

    一文带你了解Android Flutter中Transform的使用

    flutter的强大之处在于,可以对所有的widget进行Transform,因此可以做出非常酷炫的效果。本文就来大家了解一下Transform的具体使用,感兴趣的可以了解一下
    2023-01-01
  • Kotlin1.6.20新功能Context Receivers使用技巧揭秘

    Kotlin1.6.20新功能Context Receivers使用技巧揭秘

    这篇文章主要为大家介绍了Kotlin1.6.20功能Context Receivers使用揭秘,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06

最新评论