自定义slideMenu

最新推荐文章于 2021-05-26 02:10:17 发布
最新推荐文章于 2021-05-26 02:10:17 发布
阅读量315 收藏
点赞数
分类专栏： # 界面搭建
独学而无友，则孤陋寡闻。q群582951247
本文链接：https://blog.csdn.net/mp624183768/article/details/73695245
版权 

     android:theme="@style/Theme.AppCompat.Light.NoActionBar">


自定义view

package com.example.slidemenu;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;

import com.nineoldandroids.view.ViewHelper;

/**
 * Name: SlideMenu
 * Action:
 * Author: liuan
 * creatTime:2017-06-24 19:27
 */

public class SlideMenu extends HorizontalScrollView {

    private LinearLayout mWapepr;
    private ViewGroup mMenu;
    private ViewGroup mContent;
    private int mScreenWidth;
    private int mMenuWidth;

    private int mMenuRightPadding = 50;
    private boolean once = false;
    private boolean isOpen = false;
    private boolean isDrawe = false;
    private boolean isSpeciallyGoodEffct = false;

    public SlideMenu(Context context) {
        this(context, null);
    }

    /**
     * 当使用了自定义属性的时候 会走此构造方法
     *
     * @param context
     * @param attrs
     * @param defStyleAttr
     */
    public SlideMenu(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //获取我们自定以的属性
        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.SlideMenu, defStyleAttr, 0);
        int n = a.getIndexCount();
        for (int i = 0; i < n; i++) {
            int attr = a.getIndex(i);
            switch (attr) {
                case R.styleable.SlideMenu_rightPadding:
                    mMenuRightPadding = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics()));
                    break;
            }
        }
        a.recycle();
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics outMetrics = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);
        mScreenWidth = outMetrics.widthPixels;
//
//        //把dp转化为px
//        mMenuRightPadding= (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,50,context.getResources().getDisplayMetrics());
    }

    /**
     * 未使用自定义属性时候 调用
     *
     * @param context
     * @param attrs
     */
    public SlideMenu(Context context, AttributeSet attrs) {
        this(context, attrs, 0);

    }


    /**
     * 设置子View的宽和高
     *
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        if (!once) {
            mWapepr = (LinearLayout) getChildAt(0);
            mMenu = (ViewGroup) mWapepr.getChildAt(0);
            mContent = (ViewGroup) mWapepr.getChildAt(1);
            mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth - mMenuRightPadding;
            mContent.getLayoutParams().width = mScreenWidth;
            mMenu.getLayoutParams().width = mScreenWidth - mMenuRightPadding;

            once = true;
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    /**
     * 通过设置偏移量 将menu隐藏
     *
     * @param changed
     * @param l
     * @param t
     * @param r
     * @param b
     */
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        if (changed) {
            this.scrollTo(mMenuWidth, 0);
        }

    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {

            case MotionEvent.ACTION_UP:
                //隐藏在左边的宽度
                int scrollX = getScrollX();
                if (scrollX >= mMenuWidth / 2) {
                    this.smoothScrollTo(mMenuWidth, 0);
                    isOpen = false;
                } else {
                    this.smoothScrollTo(0, 0);
                    isOpen = true;
                }


                return true;


        }
        return super.onTouchEvent(ev);
    }

    public void openMenu() {
        if (isOpen) {
            return;
        } else {
            this.smoothScrollTo(0, 0);
            isOpen = true;
        }
    }

    public void CloseMenu() {
        if (!isOpen) {
            return;
        } else {
            this.smoothScrollTo(mMenuWidth, 0);
            isOpen = false;
        }
    }


    //切换菜单
    public void toggle() {
        if (isOpen) {
            CloseMenu();
            return;
        }
        openMenu();
    }

    public void setIsDrawe(Boolean is) {
        this.isDrawe = is;
    }

    public void setSpeciallyGoodEffect(Boolean is) {
        this.isSpeciallyGoodEffct = is;
    }

    /**
     * 滚动发生的时候
     *
     * @param l
     * @param t
     * @param oldl
     * @param oldt
     */
    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        float scale = l * 1.0f / mMenuWidth;//1~0
        float translationX = mMenuWidth * scale;
        if(isDrawe&&!isSpeciallyGoodEffct){

        }else if(isDrawe&&isSpeciallyGoodEffct){
            translationX*=0.8;
        }


        if (isDrawe) {

            //调用属性动画 设置

            ViewHelper.setTranslationX(mMenu, translationX);
            //区别1 1.0-0.7 缩放效果

            //scale ：1.0-0.0

            //0.7+0.3*scale
            //区别2 菜单的偏移量需要修改
            //区别3 菜单的显示时 有缩放 以及透明度变化

        /*
        * 缩放：0.7-1.0
        * 1.0-scale*0.3
        * 透明度0.6-1.0
        * 0.6+0.4*(1-scale);
        * */
            if (isSpeciallyGoodEffct) {
                float rightScale = 0.7f + 0.3f * scale;
                float leftScale = 1.0f-0.3f * scale;
                float leftAlpha = 0.6f+0.4f * (1-scale);
                //设置content的缩放的中心点
                ViewHelper.setPivotX(mContent,0);
                ViewHelper.setPivotY(mContent,mContent.getHeight()/2);
                ViewHelper.setScaleX(mContent,rightScale);
                ViewHelper.setScaleY(mContent,rightScale);







                ViewHelper.setScaleX(mMenu,leftScale);
                ViewHelper.setScaleY(mMenu,leftScale);
                ViewHelper.setAlpha(mMenu,leftAlpha);




            }

        }
    }
}

//布局 样式1  2 是一样的    


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.slidemenu.SlideMenu
        android:id="@+id/view_slideMenu"
       app:rightPadding="100dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <include layout="@layout/left_menu"></include>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/colorAccent">
                <Button
                    android:id="@+id/bt_toogle"
                    android:text="切换菜单"
                    android:layout_width="80dp"

                    android:layout_height="wrap_content" />


            </LinearLayout>
        </LinearLayout>

    </com.example.slidemenu.SlideMenu>
</RelativeLayout>
//样式3 4又是一个样子的 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.slidemenu.SlideMenu
        android:background="@color/colorPrimary"
        android:id="@+id/view_slideMenu"
        app:rightPadding="100dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <include layout="@layout/left_menu"></include>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/colorAccent">
                <Button
                    android:id="@+id/bt_toogle"
                    android:text="切换菜单"
                    android:layout_width="80dp"

                    android:layout_height="wrap_content" />


            </LinearLayout>
        </LinearLayout>

    </com.example.slidemenu.SlideMenu>
</RelativeLayout>
left 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@color/colorPrimary"
    android:layout_height="match_parent">
<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_centerInParent="true"
    android:layout_height="wrap_content">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_pic1"
        android:src="@mipmap/ic_launcher"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_width="50dp"
        android:layout_centerVertical="true"
        android:layout_height="50dp" />
    <TextView
        android:text="第1个item"
        android:layout_toRightOf="@id/iv_pic1"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout><RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_pic2"
        android:src="@mipmap/ic_launcher"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_width="50dp"
        android:layout_centerVertical="true"
        android:layout_height="50dp" />
    <TextView
        android:text="第2个item"
        android:layout_toRightOf="@id/iv_pic2"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout><RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_pic3"
        android:src="@mipmap/ic_launcher"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_width="50dp"
        android:layout_centerVertical="true"
        android:layout_height="50dp" />
    <TextView
        android:text="第3个item"
        android:layout_toRightOf="@id/iv_pic3"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout><RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_pic4"
        android:src="@mipmap/ic_launcher"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_width="50dp"
        android:layout_centerVertical="true"
        android:layout_height="50dp" />
    <TextView
        android:text="第4个item"
        android:layout_toRightOf="@id/iv_pic4"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout><RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/iv_pic5"
        android:src="@mipmap/ic_launcher"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginStart="20dp"
        android:layout_width="50dp"
        android:layout_centerVertical="true"
        android:layout_height="50dp" />
    <TextView
        android:text="第5个item"
        android:layout_toRightOf="@id/iv_pic5"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginStart="20dp"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>



</LinearLayout>
</RelativeLayout>
values/arrr.xml 


<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="SlideMenu" >

        <attr name="rightPadding" format="dimension"></attr>

    </declare-styleable>

</resources>


样式1 onCreate未做处理    1-4都有下面这句话 

    @OnClick(R.id.bt_toogle)
    public void onClick() {
        viewSlideMenu.toggle();
    }

2   的话onCreate  中多了 

   viewSlideMenu.setIsDrawe(true);

3 的话 

 viewSlideMenu.setIsDrawe(true);
        viewSlideMenu.setSpeciallyGoodEffect(true);

4 的话 

   viewSlideMenu.setIsDrawe(false);
        viewSlideMenu.setSpeciallyGoodEffect(true);


需要的jar包 放在libry目录下点击下载需要2币




安果移不动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
手机端触摸滑动（H5+CSS3+JS+Swiper）
ChenYH0的博客
02-11 1万+
当你遇到这样一个项目，要求如下： 1. 手机端实现触摸滑动 2. 实现点击滑动 3. 在来回切换每一屏的时候 动画能够重新执行 4. 在汉堡菜单里点击某一项，实现滑动到相应的屏。（菜单页左右切换） 要实现这样一个项目，必须首先找到一个合适的框架或者称为插件，来实现手机端能够触摸滑动。这里，我主要介绍swiper。 了解swiper 1.找到demo，并引入需要的js和css
SlidingMenu example
04-11
该工程为SlidingMenu example 在Android Studio正常运行的完整项目。内含 actionbarsherlock、SlidingMenu的library。 使用时，
自定义SlidingMenu组件
Graypn
01-04 955
在网上学习了自定义slidingmenu组件，这里记录下其中的关键点，下面是我学习的原文链接。 SlidingMenu其实是一个HorizontalScrollView，里面有两个布局，通过重写几个方法达到侧滑的效果。 首先原理是在LinearLayout外嵌套了HorizontalScrollView，SlidingMenu继承HorizontalScrollView。 重写onMea
Android 最简单的仿右侧slidemenu
08-09
Android 仿slidemenu，其实就是用布局动画的效果没啥技巧 喜欢拿走。
swiper-slide-5.4.1文件中demos部分展示效果（Self use）
StuTan
05-31 746
swiper-slide-5.4.1文件中demos部分展示效果（Self use） 160-scroll-container.html 180-nested.html 层层嵌套 190-grab-cursor.html 220-effect-fade.html 260-keyboard-control.html 270-mousewheel-control.html 280-autoplay.html 会自动播放 290-dynamic-slides.html 可以点击添加左右窗口 30
自定义SlideMenu侧滑菜单
06-03
在Android应用开发中，自定义SlideMenu是一种常见的设计模式，用于实现类似原生应用抽屉效果的侧滑菜单。这种菜单通常隐藏在主界面的左侧或右侧，通过手势滑动或者点击特定按钮来显示和隐藏，为用户提供更多的操作...
Android slidemenu
02-02
这些库提供了实现SlideMenu所需的基本功能和自定义选项。在这个"slidemenu"压缩包中，可能包含了这些库的jar文件，它们是Java代码的编译结果，用于提供滑动菜单的功能实现。 在集成过程中，你需要将提供的jar包添加...
安卓SlideMenu
02-09
SlideMenu在Android中的实现主要依赖于自定义布局和手势识别。以下是一些关键知识点： 1. **自定义布局（Custom Layout）**： SlideMenu通常需要自定义布局来实现。开发者会创建两个布局：一个主布局，显示主要...
qqSlideMenu
08-23
QQSlideMenu是一个专门为Android平台设计的自定义视图组件，灵感来源于QQ5.0的滑动菜单效果。在Android应用开发中，SlideMenu通常用于实现侧滑导航功能，让用户能够轻松地在主界面和侧边菜单之间切换。这种设计模式...
slidemenu版
08-11
综上所述，"slidemenu版"项目涉及了Android自定义视图、触摸事件处理、布局设计、动画效果、数据绑定、交互设计等多个方面，是一个很好的学习和实践滑动菜单功能的例子。通过研究"Demo5"，开发者可以加深对这些知识...
android 侧拉菜单控件 SlideMenu
01-05
是一个很好的一个控件，可以很方便地集成到项目中去，是一个老外写的，很好用 public class SlidingExample extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setTitle(R.string.attach); // set the content view setContentView(R.layout.content); // configure the SlidingMenu SlidingMenu menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowWidthRes(R.dimen.shadow_width); menu.setShadowDrawable(R.drawable.shadow); menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); menu.setFadeDegree(0.35f); menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); menu.setMenu(R.layout.menu); } }
Slidemenu(侧滑)的使用(三种使用方式)及属性详解
热门推荐
Townkoim的专栏
09-28 1万+
1、初始化Slidemenu： SlidingMenu sm = getSlidingMenu(); 2、设置SlideMenu阴影： sm.setShadowWidthRes(R.dimen.shadow_width);//阴影宽度 sm.setShadowDrawable(R.drawable.shadow);//阴影Drawab
java.lang.ClassNotFoundException: Didn't find class "com.example.slidemenu.view.SlideMen
shenggaofei的博客
08-08 2712
用Studio没有多久的人也许会报这个错，下面我们来解决下： 08-08 07:25:54.217 6308-6308/com.example.administrator.myslidingmenu E/AndroidRuntime: FATAL EXCEPTION: main                                                      
新手 自定义SlidingMenu控件
小龙的博客
12-13 283
最近花了很多时间上去完成 侧滑SlidingMenu  ，也在网上找了好多大神的案例看了，看起来很简单，如果不动手的话，其实还是有一点点难度的，当然了，这是对于新手的我们来说，还是多敲多看，废话不多说了，先看看效果 图,还有就是DrawerLayout 也能实现侧滑的功能http://write.blog.csdn.net/Image/Index?r=438208211
Java中锁、Synchoronized、Lock解释
乐在其中/Leo在其中
11-14 301
在并发环境下，解决共享资源冲突问题时，可以考虑使用锁机制。 1.对象的锁 所有对象都自动含有单一的锁。 JVM负责跟踪对象被加锁的次数。如果一个对象被解锁，其计数变为0。在任务（线程）第一次给对象加锁的时候，计数变为1。每当这个相同的任务（线程）在此对象上获得锁时，计数会递增。 只有首先获得锁的任务（线程）才能继续获取该对象上的多个锁。 每当任务离开一个synchronized方法，计数递减，当计...
php实现函数重载
Sunny
03-14 2190
重载是类的多态的一种实现。函数重载指一个标识符被用作多个函数名，且能够通过函数的参数个数或参数类型将这些同名的函数区分开来，调用不发生混淆。即当调用的时候，虽然方法名字相同，但根据参数的不同可以自动调用相应的函数。php不好实现。可以使类里面的某个方法产生多种效果，根据传入参数不同，可以执行不同的逻辑。有以下几点要求：1、在使用重载时只能通过相同的方法名、不同的参数形式实现。不同的参数类型可以是不...
android 滑动侧边栏 SlideMenu 源码分析 以及使用手册
程序员入门进阶
01-16 2245
android 滑动侧边栏 SlideMenu 源码分析 以及使用手册 我们先看使用方案： 首先 public class MainActivity extends SlidingFragmentActivity  继承SlidingFragmentActivity ，这里面在创建时有创建需要的slidemenu等相关数据。 在Oncreate里面
android studio 侧滑菜单,Android Studio实现侧滑菜单（最佳）
weixin_33198642的博客
05-26 1406
在CSDN中我们会看到很多侧滑的案例，但是有的不是少这个就是少那个，很浪费时间，所以我们要仔细看看代码全不全。在多种APP里，比如QQ的主页面就有向右滑动出现菜单栏的情况，今天就来看一下如何实现这种功能。 我的工程文件布局如下： 我们可以看到，侧滑菜单主要由两个页面组成，主页面和Menu页面，现在先来把布局文件写好。可以看到Menu页面的条目有许多相同的属性，所以为了减少代码的书写量，我们可以在...
请给我android抽屉式launcher的代码
最新发布
05-11
3. SlideMenu：这个开源项目是一个类似于淘宝App侧滑菜单效果的库，包含了左侧抽屉和右侧抽屉两种风格。 以上这些开源库都提供了相应的GitHub地址和使用文档，可以根据自己的需求进行选择和使用。总的来说，通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值