实现多层抽屉菜单,点击其中一项会动画打开该抽屉--第三方开源--MultiCardMenu

下载地址:https://github.com/wujingchao/MultiCardMenu

<net.wujingchao.android.view.MultiCardMenu
        xmlns:simple="http://schemas.android.com/apk/res-auto"
        android:id="@+id/multi_card_menu"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        simple:background_layout="@layout/background_view"
        simple:margin_top="50dp"
        simple:fade="true"
        simple:title_bar_height_display="20dp"
        simple:title_bar_height_no_display="60dp"
        simple:boundary="true"
        simple:move_distance_to_trigger="30dip"
        simple:animator_duration="300">

            ....(Your ChildViews)

   </net.wujingchao.android.view.MultiCardMenu>
时间: 2025-01-07 20:23:32

实现多层抽屉菜单,点击其中一项会动画打开该抽屉--第三方开源--MultiCardMenu的相关文章

react-navigation createDrawerNavigator 抽屉菜单 点击其他地方 无法关闭菜单的解决方案

react-native接入插件react-navigation 创建的抽屉菜单后  无法关闭抽屉菜单,只能再加一项“关闭”调用代码关闭菜单 点击其他地方无法关闭抽屉菜单 看了一下源码 没想到好办法后  在网上找到这样一个解决方案 现在贴出来: 下面是android的解决方案,在java中的MainActivity加入下面带+号的行代码: import com.facebook.react.ReactActivity;+ import com.facebook.react.ReactActivi

android 5.X Toolbar+DrawerLayout实现抽屉菜单

前言 ?android5.X新增的一个控件Toolbar,这个控件比ActionBar更加自由,可控,因为曾经的ActionBar的灵活性比較差,所以google逐渐使用Toolbar替代ActionBar,所以Toolbar也能够说是超级ActionBar. 这篇文章不具体介绍ToolBar的使用(定制),主要是介绍Toolbar使用的一个样例.即Toolbar结合DrawerLayout实现抽屉菜单. 使用这个两个控件须要引入对应的库依赖: dependencies { compile fi

Android抽屉菜单DrawerLayout的实现案例

(1)项目布局文件 activity_main.xml <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="

UIScrollView实现抽屉菜单效果

抽屉菜单看起来比较高端的样子,但实现起来并不难. 简单效果图如下(为了简单,颜色部分使用的是纯色): 图1 图2 实现原理(本例): 初始化一个刚好能水平容纳两个视图的UIScrollView,左侧视图为屏幕大小,右侧略窄与屏幕大小. 初始化各种事件,在处理程序中修改UIScrollView的contentOffset. 但是实际应用时一般还要在显示右侧视图时禁用左侧视图的内容以免出现误操作. 简单实现如下(只保留了关键代码): - (void)viewDidLoad { [super view

Android使用DrawerLayout创建左右两个抽屉菜单

在android support.v4 中有一个抽屉视图控件DrawerLayout.使用这个控件,可以生成通过在屏幕上水平滑动打开或者关闭菜单,能给用户一个不错的体验效果. 最近在项目中,设计中有用到这个效果,但是是左右两边都能划出这样的一个菜单效果.经过使用发现,在xml布局中和代码中,几乎是添加添加同样的代码,就可以实现这种作用两种菜单的效果. 效果图如下: 左边拉出菜单: 右边拉出菜单效果: 具体的实现方法如下,结合代码文件,跟大家分享一下: 主页布局文件: <?xml version=

抽屉菜单使用小结

抽屉菜单(不知道为什么叫这个名字),在app中使用很频繁 .appcan官网IDE中内置了该模板,我们只需要新建appcan页面,选择"抽屉"就可以实现.但是在创建页面后,会遇到两个恶心的问题需要手工解决 ,如下: 一.首先我们创建leftmenu页面,选择布局结构"抽屉",内容为空,该页面为不添加任何内容 .点击完成后,观察IDE左侧树形结构上会生成3个页面分别是 leftmenu.html , leftmenu_drawer.html, leftmenu_con

Axure制作app侧面抽屉菜单

在之前的文章中以手机淘宝app的筛选菜单为例,给大家介绍过使用axure制作app侧面滑动菜单的方法,本文继续为大家介绍另外一种app的菜单样式--抽屉菜单.手机qq.酷狗音乐等app都采取了这种抽屉菜单的设计. 先看效果~(因为51博客的缘故,貌似效果不是很好,但能看出来抽屉的推拉效果) 效果描述: 点击左上角头像,抽屉菜单拉出,再次点击头像,抽屉菜单关闭: 向右拖动页面,抽屉菜单拉出,向左拖动页面,抽屉菜单关闭. 我们先确定基本方向: 推拉效果,左右拖动(模拟手机上的滑动手势),我们首先想到

[UI]抽屉菜单DrawerLayout分析(一)

侧拉菜单作为常见的导航交互控件,最开始在没有没有android官方控件时,很多时候都是使用开源的SlidingMenu,一直没机会分析侧拉菜单的实现机理,本文将分析android.support.v4.widget.DrawerLayout的使用及实现.     官方介绍 DrawerLayout acts as a top-level container for window content that allows for interactive "drawer" views to

[UI]抽屉菜单DrawerLayout分析(三)

在[UI]抽屉菜单DrawerLayout分析(一)和[UI]抽屉菜单DrawerLayout分析(二)中分别介绍了DrawerLayout得基本框架结构和ViewDragerHelper的作用以及手势分发,本文一起来分析其中的Scroller的使用情况. 在ViewDragerHelper中可以发现private ScrollerCompat mScroller;说明抽屉菜单的具体滑动也是依赖于Scroller的使用,检索一下mScroller的引用,定位到forceSettleCapture