android自定义view侧滑菜单

最新推荐文章于 2021-06-04 12:20:28 发布
最新推荐文章于 2021-06-04 12:20:28 发布
阅读量665 收藏
点赞数
分类专栏： Android 文章标签： android 自定义view 侧滑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/slightfeverGK/article/details/50809953
版权

 由于sdk版本过低，很多控件居然都没有！！！drawerlayout、 slidingdrawer统统没有！

在线升级SDK却一直失败！网上下载sdk，提示ADT版本过低！在线升级ADT依然无果！

我在电脑前捉鸡捉鸡！       

github上有许多很好的项目demo。    多数是android studio，可惜我还停留在渣eclipse上。

此代码的功能主要是实现：左右侧滑菜单。

继承horizontalscrollView。

废话不多说，代码呈上：

package com.shit;

import android.content.Context;
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;

public class XSlidinMenu extends HorizontalScrollView{

	   private LinearLayout mWapper;
	    private ViewGroup mMenu;
	    private ViewGroup mContent;
	    private int mScreenWidth;
	    private int mMenuRightPadding;
	    private int mMenuWidth = 0;
	    
	    private boolean once = false;
	    //Menu是否处于显示状态
	    private boolean isSlideOut;

	    public static final int RIGHT_PADDING = 100;
	    
	    public XSlidinMenu(Context context, AttributeSet attrs) {
	        super(context, attrs);
	        // TODO Auto-generated constructor stub
	        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
	        DisplayMetrics metrics = new DisplayMetrics();
	        wm.getDefaultDisplay().getMetrics(metrics);
	        mScreenWidth = metrics.widthPixels;
	        //将dp转化为px
	        mMenuRightPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, XSlidinMenu.RIGHT_PADDING, context.getResources().getDisplayMetrics());
	    }

	    /**
	     * 设置子View的宽和高
	     * 设置自己的宽和高
	     */
	    @Override
	    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
	        // TODO Auto-generated method stub
	        if(!once){
	            mWapper = (LinearLayout) getChildAt(0);
	            mMenu = (ViewGroup) mWapper.getChildAt(0);
	            mContent = (ViewGroup) mWapper.getChildAt(1);
	            
	            mMenuWidth  = mMenu.getLayoutParams().width = mScreenWidth - mMenuRightPadding;
	            mContent.getLayoutParams().width = mScreenWidth;
	            once = true;
	        }
	        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	    }
	    /**
	     * 通过设置偏移量将Menu隐藏
	     */
	    @Override
	    protected void onLayout(boolean changed, int l, int t, int r, int b) {
	        // TODO Auto-generated method stub
	        super.onLayout(changed, l, t, r, b);
	        if(changed){
	            this.scrollTo(mMenuWidth, 0);
	        }
	    }
	    @Override
	    public boolean onTouchEvent(MotionEvent ev) {
	        // TODO Auto-generated method stub
	        int action = ev.getAction();
	        switch (action) {
	            case MotionEvent.ACTION_UP:
	                //隐藏在左边宽度
	                int scrollX = getScrollX();
	                if(scrollX >= mMenuWidth /2){
	                    //Menu 左滑隐藏起来
	                    this.smoothScrollTo(mMenuWidth, 0);
	                    isSlideOut = false;
	                }else{
	                    //Menu 右滑 显示出来
	                    this.smoothScrollTo(0, 0);
	                    isSlideOut = true;
	                }
	                return true;
	        }
	        return super.onTouchEvent(ev);
	    }
	    /**
	     * 向右滑出菜单显示出来
	     */
	    public void slideOutMenu(){
	        if(!isSlideOut){
	            this.smoothScrollTo(0, 0);
	            isSlideOut = true;
	        }else{
	            return;
	        }
	     }  
	    /**
	     * 向左滑出菜单隐藏起来 
	     */
	    public void slideInMenu(){
	        if(isSlideOut){
	            this.smoothScrollTo(mMenuWidth, 0);
	            isSlideOut = false;
	        }else{
	            return;
	        }
	    }
	    /**
	     * 切换菜单向右滑出显示或向左滑出隐藏的状态
	     */
	    public void switchMenu(){
	        if(isSlideOut){
	            slideInMenu();
	        }else{
	            slideOutMenu();
	        }
	    }
	    /**
	     * 滚动发生时
	     */
	    @Override
	    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
	        // TODO Auto-generated method stub
	        super.onScrollChanged(l, t, oldl, oldt);
	        //实现抽屉式滑动
	        float scale = l * 1.0f /mMenuWidth ;//1 ~ 0
	        float menuScale = 1.0f - scale * 0.3f;
	        float menuAlpha = 0.0f + 1.0f * (1 - scale);
	        float contentScale = 0.8f + 0.2f * scale;
	        //调用属性动画，设置TranslationX
	       ViewHelper.setTranslationX(mMenu, mMenuWidth*scale*0.8f);
	        
	        //左侧菜单的缩放
	        ViewHelper.setScaleX(mMenu, menuScale);
	        ViewHelper.setScaleY(mMenu, menuScale);
	        //左侧菜单的透明度缩放
	        ViewHelper.setAlpha(mMenu, menuAlpha);
	        
	        //右侧内容的缩放
	        ViewHelper.setPivotX(mContent, 0);
	        ViewHelper.setPivotY(mContent, mContent.getHeight() / 2);
	        ViewHelper.setScaleY(mContent, contentScale);
	        ViewHelper.setScaleX(mContent, contentScale); 
	    }
	    
	}

使用侧滑菜单 

public class ShitActivit extends BaseActivity {
	     private XSlidinMenu xcSlideMenu;
	    private TextView btnSwitch;
	    private TextView DEMO;
	    private TextView fuck;
	    private static final String SNOW_ONE = "*Date*: "+"2016-1-25-2016-2-4"+"\n";
	public void setContentView() {
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
        		WindowManager.LayoutParams.FLAG_FULLSCREEN);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main);
        xcSlideMenu = (XSlidinMenu) findViewById(R.id.slideMenu);
        btnSwitch = (TextView)findViewById(R.id.btnSwitch);
btnSwitch.setClickable(true);
        btnSwitch.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                xcSlideMenu.switchMenu();
            }
        });
	}

最后还有左边的XML文件 

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerInParent="true"
         >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/menu1"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:gravity="center_vertical"
                android:layout_centerVertical="true"
                android:textColor="#ffffff"
                android:textSize="25sp"
                android:text="CALL" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/menu2"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:gravity="center_vertical"
                android:layout_centerVertical="true"
                android:textColor="#ffffff"
                android:textSize="25sp"
                android:text="第二个item2" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/menu3"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:gravity="center_vertical"
                android:layout_centerVertical="true"
                android:textColor="#ffffff"
                android:textSize="25sp"
                android:text="第三个item3" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/menu4"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:gravity="center_vertical"
                android:layout_centerVertical="true"
                android:textColor="#ffffff"
                android:textSize="25sp"
                android:text="第四个item4" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/menu5"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:gravity="center_vertical"
                android:layout_centerVertical="true"
                android:textColor="#ffffff"
                android:textSize="25sp"
                android:text="第五个item5" />
        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>

总布局XML 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     >

    <com.shit.XSlidinMenu
        android:id="@+id/slideMenu"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/img_frame_background"
        android:scrollbars="none" >

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

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/qihu" >
<com.fuck.Type
 android:id="@+id/last" 
 android:layout_width="wrap_content"
  android:layout_height="wrap_content">
</com.fuck.Type>
                <TextView
                    android:id="@+id/btnSwitch"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@drawable/btn_bg"
                    android:padding="5dp"
                    android:textSize="16sp"
                    android:textColor="#FFF"
                    android:layout_margin="10dp"
                    android:text="切换菜单" />
            </LinearLayout>
        </LinearLayout>
    </com.shit.XSlidinMenu>

</RelativeLayout>

文件中的图片，请自行切换ID。否则会找不到文件报错。



Richard_i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义view之扇形菜单（上）
jeden的专栏
04-11 4218
一个扇形菜单，可以滑动切换，添加删除，拖动排序等炫酷的菜单
Android 自定义view之扇形菜单（中）
jeden的专栏
04-11 2598
一个扇形菜单，可以滑动切换，添加删除，拖动排序等炫酷的菜单
android 左滑右滑事件,Android 添加屏幕 上滑下滑左滑右滑 事件
weixin_29920889的博客
05-29 693
ll_main=activity.findViewById(R.id.ll_main);ll_main.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()) {case MotionEv...
布局从左侧滑出，布局往左滑动隐藏
即将秃头的吕同学的博客
06-04 232
myAnimation_Translate = new TranslateAnimation( Animation.RELATIVE_TO_PARENT, -1, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animatio.
Android-从页面右侧滑出通讯录
02-22
点击从页面右侧滑出通讯录 /*主要参考： * * 1. Android 实现ListView的A-Z字母排序和过滤搜索功能，实现汉字转成拼音 * http://blog.csdn.net/xiaanming/article/details/12684155 * 2. Android 带清除功能的输入框控件ClearEditText,仿IOS的输入框 * http://blog.csdn.net/xiaanming/article/details/11066685 * 3. Android系统联系人全特效实现(上)，分组导航和挤压动画 * http://blog.csdn.net/guolin_blog/article/details/9033553 */
Android View 右滑出现更多删除菜单
05-06
Android View 右滑出现更多删除菜单 类似于 IOS 微信 QQ 单个View操作
Android 自定义控件打造史上最简单的侧滑菜单
810364804
09-11 641
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/39185641，本文出自【张鸿洋的博客】 侧滑菜单在很多应用中都会见到，最近QQ5.0侧滑还玩了点花样~~对于侧滑菜单，一般大家都会自定义ViewGroup，然后隐藏菜单栏，当手指滑动时，通过Scroller或者不断的改变leftMargin等实现；多少都有点复杂，完成以后还需要对...
Android自定义View 仿QQ侧滑菜单的实现代码
08-29
Android 自定义 View 仿 QQ 侧滑菜单的实现代码 Android 自定义 View 仿 QQ 侧滑菜单的实现代码是 Android 开发中的一种常见的视图实现方式。通过自定义 View，可以实现类似 QQ 侧滑菜单的效果。本文将从头开始，...
Android自定义控件简单实现侧滑菜单效果
09-02
本篇文章将详细介绍如何使用Android自定义控件实现一个简单的侧滑菜单。 首先，我们要理解侧滑菜单的基本原理。在Android中，我们可以利用HorizontalScrollView这个内置组件来实现这一功能。HorizontalScrollView是...
Android自定义控件侧滑菜单
09-17
总的来说，实现一个自定义的Android侧滑菜单涉及到手势检测、动画实现、布局管理和组件交互等多个方面。尽管有现成的库可以使用，但自定义控件能让我们更好地控制用户体验，实现更加个性化的设计。通过不断实践和...
Android控件View打造完美的自定义侧滑菜单
08-31
这个自定义View将作为侧滑菜单的基础，并且会包含一个menuView，用于显示菜单内容。 2. **隐藏侧滑菜单**：通过调用`scrollTo()`方法，我们可以将menuView移动到屏幕之外，例如，向左滑动一个屏幕宽度的距离，使其...
Android自定义ViewGroup(侧滑菜单)详解及简单实例
08-31
总之，自定义ViewGroup在Android开发中扮演着重要角色，尤其对于实现特定交互效果如侧滑菜单来说，自定义ViewGroup能帮助开发者更好地控制布局和动画，提升应用的可定制性和用户体验。通过理解并实践这些关键步骤，...
Android 自定义View修炼-仿QQ5.0 的侧滑菜单效果的实现
weixin_30696427的博客
07-23 170
有一段时间没有写博客了，最近比较忙，没什么时间写，刚好今天有点时间， 我就分享下，侧滑菜单的实现原理，一般android侧滑的实现原理和步骤如下：（源码下载在下面最后给出哈） 1.使用ViewGroup 放2个view，一个是menu菜单，一个是content内容 2.监听onTouchEvent事件 处理ACTION_MOVE中的leftMargin位置，从而改变menu菜单的滑动位置...
Android 打造完美的侧滑菜单/侧滑View控件
findhappy117的博客
02-26 3105
Android 打造完美的侧滑菜单/侧滑View控件，完全自定义实现，支持左右两个方向弹出，代码高度简洁流畅，兼容性高，控件实用方便．
Android手把手教你实现滑动隐藏（GeastureDetector使用）
山中小僧的进阶之路
11-09 3285
因为移动设备有限的显示屏幕，很多时候都需要在合适的时间去隐藏一些控件，比如滑动隐藏就是一个好的设计方案。本文将实现一个通用性较强的滑动隐藏方案，顺便采用了GeastureDetector这个好用的用户动作检查工具。 一、本文拟实现的效果图 最近下载了Now直播APP，发现它实现了一个比较流畅的滑动隐藏效果，具体看下面的GIF图。 因为在老版本的模拟器上运行，显得有
android实现漫天雪花&下雨效果
PYROMANIA
04-10 2393
**前言：**英文原文地址：https://blog.stylingandroid.com/snowfall/ 中文翻译地址：http://www.open-open.com/lib/view/open1452263908573.html 国外大神实现效果youtube视频地址：https://www.youtube.com/watch?v=pk66ZziTfOw 中文翻译是open开发者经
Android自动跳转activity
PYROMANIA
01-27 1914
//一、写一个定时器 5秒后开启  final Intent localIntent=new Intent(FirstActivity.this,SecondActivity.class);           Timer timer=new Timer();           TimerTask task=new TimerTask(){                @Ove
android--List属性
PYROMANIA
03-06 894
02 <ListView xmlns:android="http://schemas.android.com/apk/res/android" 03 android:id="@+id/listview" 04 android:layout_width="fill_parent" 05 android:layout_height="fill_p
Android显示TextView文字的倒影效果
PYROMANIA
04-10 798
今天记录一下TextView的倒影效果，显示一串文字，然后在文字的下方显示出它的倒影，先上效果图： 　 　最重要的就是View中getDrawingCache()方法，该方法可以获取cache中的图像，然后绘制出来。　　废话不多说，我是想写一个带有倒影的时间，时间可以走动。首先先写一个带有时间走动的View，这个很简单，获取当前时间，然后开启一个线程，隔一秒获取当前时间一次，然后显示在TextV
Android侧滑菜单
最新发布
11-19
实现侧滑菜单需要掌握自定义View、属性动画、事件分发等知识点。以下是一种常见的实现思路和一个不错的开源库： 1. 实现思路： - 创建一个自定义View，继承自ViewGroup或其子类，例如FrameLayout。 - 在该View中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值