Android_侧滑菜单的实现

1、创建侧滑菜单Fragment

package com.example.didida_corder;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.TextView;

import androidx.annotation.NonNull;

import androidx.annotation.Nullable;

import androidx.fragment.app.Fragment;

import java.util.zip.Inflater;

public class MyFragment extends Fragment implements View.OnClickListener {

    private TextView tv_like, tv_likeme, tv_depatch;

    private int like, likeme, depatch;

    private boolean flag = false;

    public MyFragment() {

    }

    public MyFragment(int like, int likeme, int depatch) {

        this.like = like;

        this.likeme = likeme;

        this.depatch = depatch;

        flag = true;

    }

    @Nullable

    @Override

    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        Inflater inflater1 = new Inflater();

        View view = inflater.inflate(R.layout.layout_myfragment, null, false);

        tv_like = view.findViewById(R.id.myfrag_likeone);

        tv_likeme = view.findViewById(R.id.myfrag_likeme);

        tv_depatch = view.findViewById(R.id.myfrag_patch);

        if (flag) {

            tv_like.setText(like);

            tv_likeme.setText(likeme);

            tv_depatch.setText(depatch);

        }

        return view;

    }

    @Override

    public void onClick(View v) {

    }

}

2、编写其layout

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="270dp"

    android:layout_height="match_parent"

    android:background="#FFFFFF"

    android:orientation="vertical">

    <ImageView

        android:id="@+id/myfrag_head"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_margin="10dp"

        android:src="@drawable/sor"></ImageView>

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="10dp"

        android:text="小高128"

        android:textColor="#212"

        android:textSize="25dp"></TextView>

    <View

        android:layout_width="300dp"

        android:layout_height="0.1dp"

        android:layout_marginTop="5dp"

        android:background="#212"></View>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="40dp"

        android:orientation="horizontal">

        <TextView

            android:id="@+id/myfrag_patch"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:gravity="center"

            android:text="0"

            android:textColor="#222"

            android:background="#FAFAFA"

            android:textSize="25dp"></TextView>

        <TextView

            android:id="@+id/myfrag_likeone"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:background="#FAFAFA"

            android:layout_weight="1"

            android:gravity="center"

            android:text="0"

            android:textColor="#222"

            android:textSize="25dp"></TextView>

        <TextView

            android:id="@+id/myfrag_likeme"

            android:layout_width="wrap_content"

            android:background="#FAFAFA"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:gravity="center"

            android:text="0"

            android:textColor="#222"

            android:textSize="25dp"></TextView>

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="40dp"

        android:orientation="horizontal">

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:background="#FAFAFA"

            android:gravity="center"

            android:text="动态"

            android:textColor="#222"

            android:textSize="20dp"></TextView>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:background="#FAFAFA"

            android:gravity="center"

            android:text="关注"

            android:textColor="#222"

            android:textSize="20dp"></TextView>

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:background="#FAFAFA"

            android:gravity="center"

            android:text="粉丝"

            android:textColor="#222"

            android:textSize="20dp"></TextView>

    </LinearLayout>

    <View

        android:layout_width="300dp"

        android:layout_height="0.1dp"

        android:background="#212"></View>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:gravity="center_vertical"

        android:layout_weight="1"

        android:orientation="horizontal">

        <ImageView

            android:layout_marginLeft="20dp"

            android:layout_width="25dp"

            android:layout_height="25dp"

            android:src="@drawable/sor"></ImageView>

        <RadioButton

            android:layout_marginLeft="20dp"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:background="#FFFFFF"

            android:text="我的消息"

            android:textColor="#212"

            android:button="@null"

            android:textSize="20dp"></RadioButton>

        <ImageView

            android:layout_marginLeft="40dp"

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:src="@drawable/jiantou"

            ></ImageView>

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:gravity="center_vertical"

        android:layout_weight="1"

        android:orientation="horizontal">

        <ImageView

            android:layout_marginLeft="20dp"

            android:layout_width="25dp"

            android:layout_height="25dp"

            android:src="@drawable/sor"></ImageView>

        <RadioButton

            android:layout_marginLeft="20dp"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:background="#FFFFFF"

            android:text="我的消息"

            android:textColor="#212"

            android:button="@null"

            android:textSize="20dp"></RadioButton>

        <ImageView

            android:layout_marginLeft="40dp"

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:src="@drawable/jiantou"

            ></ImageView>

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:gravity="center_vertical"

        android:layout_weight="1"

        android:orientation="horizontal">

        <ImageView

            android:layout_marginLeft="20dp"

            android:layout_width="25dp"

            android:layout_height="25dp"

            android:src="@drawable/sor"></ImageView>

        <RadioButton

            android:layout_marginLeft="20dp"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:background="#FFFFFF"

            android:text="我的消息"

            android:textColor="#212"

            android:button="@null"

            android:textSize="20dp"></RadioButton>

        <ImageView

            android:layout_marginLeft="40dp"

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:src="@drawable/jiantou"

            ></ImageView>

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:gravity="center_vertical"

        android:layout_weight="1"

        android:orientation="horizontal">

        <ImageView

            android:layout_marginLeft="20dp"

            android:layout_width="25dp"

            android:layout_height="25dp"

            android:src="@drawable/sor"></ImageView>

        <RadioButton

            android:layout_marginLeft="20dp"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:background="#FFFFFF"

            android:text="我的消息"

            android:textColor="#212"

            android:button="@null"

            android:textSize="20dp"></RadioButton>

        <ImageView

            android:layout_marginLeft="40dp"

            android:layout_width="35dp"

            android:layout_height="35dp"

            android:src="@drawable/jiantou"

            ></ImageView>

    </LinearLayout>

</LinearLayout>

3、activity的中布局文件要以DrawerLayout包裹，第一个控件是主屏幕。

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

<androidx.drawerlayout.widget.DrawerLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/main_drawlayout"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#FFFFFF"

        android:orientation="horizontal"

        tools:context=".MainActivity">

        <LinearLayout

            android:id="@+id/main_toplinear"

            android:layout_width="match_parent"

            android:layout_height="50dp"

            android:background="#FFFFFF"

            android:gravity="center"

            android:orientation="horizontal">

            <ImageView

                android:id="@+id/main_leftmenu"

                android:layout_width="35dp"

                android:layout_height="35dp"

                android:layout_marginLeft="20dp"

                android:src="@drawable/sanxian"></ImageView>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="70dp"

                android:background="#FFFFFF"

                android:gravity="center">

                <ImageView

                    android:layout_width="60dp"

                    android:layout_height="60dp"

                    android:layout_margin="5dp"

                    android:src="@drawable/icon"></ImageView>

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="滴滴嗒小账本"

                    android:textColor="#5FB1D1"

                    android:textSize="25dp"></TextView>

            </LinearLayout>

            <ImageView

                android:layout_width="35dp"

                android:layout_height="35dp"

                android:layout_marginRight="20dp"></ImageView>

        </LinearLayout>

        <View

            android:layout_width="match_parent"

            android:layout_height="0.5dp"

            android:layout_below="@+id/main_toplinear"

            android:background="#232"></View>

        <View

            android:layout_width="match_parent"

            android:layout_height="0.5dp"

            android:layout_above="@+id/main_radio_group"

            android:background="#232"></View>

        <RadioGroup

            android:id="@+id/main_radio_group"

            android:layout_width="match_parent"

            android:layout_height="50dp"

            android:layout_alignParentBottom="true"

            android:background="#EDDEF7"

            android:gravity="center"

            android:orientation="horizontal">

            <RadioButton

                android:id="@+id/main_rd_cord"

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:layout_weight="1"

                android:background="@drawable/radio"

                android:button="@null"

                android:gravity="center"

                android:text="记录"

                android:textColor="#5FB1D1"

                android:textSize="25dp"></RadioButton>

            <RadioButton

                android:id="@+id/main_rd_inout"

                android:layout_width="5dp"

                android:layout_height="match_parent"

                android:layout_weight="1"

                android:background="@drawable/radio"

                android:button="@null"

                android:gravity="center"

                android:text="收支"

                android:textColor="#5FB1D1"

                android:textSize="25dp"></RadioButton>

            <RadioButton

                android:id="@+id/main_rd_my"

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:layout_weight="1"

                android:background="@drawable/radio"

                android:button="@null"

                android:gravity="center"

                android:text="社区"

                android:textColor="#5FB1D1"

                android:textSize="25dp"></RadioButton>

        </RadioGroup>

        <androidx.viewpager.widget.ViewPager

            android:id="@+id/main_viewpager"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_above="@id/main_radio_group"

            android:layout_below="@+id/main_toplinear"></androidx.viewpager.widget.ViewPager>

    </RelativeLayout>

    <fragment

        android:id="@+id/fg_left_menu"

        class="com.example.didida_corder.MyFragment"

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:layout_gravity="start"

        tools:layout="@layout/layout_myfragment"

        ></fragment>

</androidx.drawerlayout.widget.DrawerLayout>

4、通过openDrawer和onclick实现点击按钮打开侧滑菜单

package com.example.didida_corder;

import androidx.appcompat.app.AppCompatActivity;

import androidx.drawerlayout.widget.DrawerLayout;

import androidx.fragment.app.FragmentManager;

import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;

import android.util.Log;

import android.view.Gravity;

import android.view.View;

import android.widget.Adapter;

import android.widget.ImageView;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener, RadioGroup.OnCheckedChangeListener, View.OnClickListener {

    private ViewPager viewPager;

    private TextView textView;

    private ImageView my_right_menu;

    private RadioGroup radioGroup;

    private DrawerLayout drawerLayout;

    private RadioButton radioButton_crod;

    private RadioButton radioButton_inout;

    private RadioButton radioButton_myitem;

    private int PAGE_NUM = 3;

    private final int PAGE_CORD = 0;

    private final int PAGE_INOUT = 1;

    private final int PAGE_MY = 2;

    private MyFragPageAdapter myFragPageAdapter;

    private MyFragment myFragment;

    private FragmentManager fragmentManager;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        fragmentManager=getSupportFragmentManager();

        myFragPageAdapter=new MyFragPageAdapter(getSupportFragmentManager());

        bindViews();

        radioButton_crod.setChecked(true);

        initLeftMenu();

    }

    private void bindViews(){

        radioButton_crod=findViewById(R.id.main_rd_cord);

        radioButton_inout=findViewById(R.id.main_rd_inout);

        radioButton_myitem=findViewById(R.id.main_rd_my);

        radioGroup=findViewById(R.id.main_radio_group);

        radioGroup.setOnCheckedChangeListener(this);

        viewPager= findViewById(R.id.main_viewpager);

        viewPager.setAdapter(myFragPageAdapter);

        viewPager.addOnPageChangeListener(this);

        viewPager.setCurrentItem(0);

        drawerLayout=findViewById(R.id.main_drawlayout);

        myFragment= (MyFragment) fragmentManager.findFragmentById(R.id.fg_left_menu);

    }

    public void initLeftMenu(){

        my_right_menu=findViewById(R.id.main_leftmenu);

        my_right_menu.setOnClickListener(this);

    }

    @Override

    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override

    public void onPageSelected(int position) {

    }

    @Override

    public void onPageScrollStateChanged(int state) {

       if (state==2){

           switch (viewPager.getCurrentItem()){

               case PAGE_CORD:

                   radioButton_crod.setChecked(true);

                   break;

               case PAGE_INOUT:

                   radioButton_inout.setChecked(true);

                   break;

               case PAGE_MY:

                   radioButton_myitem.setChecked(true);

                   break;

           }

       }

    }

    @Override

    public void onCheckedChanged(RadioGroup group, int checkedId) {

        switch (checkedId){

            case R.id.main_rd_cord:{

                viewPager.setCurrentItem(PAGE_CORD);

                break;

            }

            case R.id.main_rd_inout:{

                viewPager.setCurrentItem(PAGE_INOUT);

                break;

            }

            case R.id.main_rd_my:{

                viewPager.setCurrentItem(PAGE_MY);

                break;

            }

        }

    }

    @Override

    public void onClick(View v) {

        drawerLayout.openDrawer(Gravity.LEFT);

    }

}

详细教程：https://www.runoob.com/w3cnote/android-tutorial-drawerlayout.html

Android_侧滑菜单的实现的更多相关文章

SlidingMenu 侧滑菜单的用法
很多APP都有侧滑菜单的功能,部分APP左右都是侧滑菜单~SlidingMenu 这个开源项目可以很好帮助我们实现侧滑功能,将侧滑菜单引入项目的方式很多中,先通过例子介绍各种引入方式,然后给大家展示个 ...
Android之自定义侧滑菜单
先来上图: 我们把主界面从左向右拉动,可以看到地下有一层菜单页,从透明渐渐变得不透明,从小渐渐变大,感觉上觉得菜单页是从屏幕外面被拉到屏幕中的.下面的代码实现这个DEMO: 首先是自定义控件Slidi ...
Hbuilder开发HTML5 APP之侧滑菜单
1.思路: 其时有2个WebView,一个main是用来装主页面,一个menu是用来装菜单(为提高性能,菜单项是采用了预加载方式的,预加载时为了避免和主页面争夺资源,采用延时加载,例如: //plus ...
第三方侧滑菜单SlidingMenu在android studio中的使用
南尘:每天进步一点点! 前面讲了官方的侧滑菜单DrawerLayout的使用,其实早在官方没有推出这个之前,就有很多第三方的jar包如SlidingMenu等,感谢开源的力量. SlidingMenu ...
Android侧滑菜单代码实现
前两天学习了hyman老师讲的Android侧滑菜单的实现,经过自己的整理分享出来给大家学习一下现在很多APP都有菜单侧滑的功能,本篇文章主要讲解使用自定义的HorizontalScrollView ...
Xamarin.Android中使用ResideMenu实现侧滑菜单
上次使用Xamarin.Android实现了一个比较常用的功能PullToRefresh,详情见:Xamarin. Android实现下拉刷新功能这次将实现另外一个手机App中比较常用的功能:侧滑菜 ...
Android带侧滑菜单和ToolBar的BaseActivity
写Android的时候,可能有多个界面.在风格统一的软件中,写Activity时会有很多重复.例如我所在软工课程小组的项目:Github链接 ,里面的TaskListActivity和TeacherL ...
MUI - 侧滑菜单
各大APP必备的侧滑菜单栏,支持手势滑动.包含QQ式.美团式等结构模板这里是示例Html, 必须使用Mui框架才能使用. 主容器 <div class="mui-off-canva ...
Android DrawerLayout 高仿QQ5.2双向侧滑菜单
1.概述之前写了一个Android 高仿 QQ5.0 侧滑菜单效果自定义控件来袭 ,恰逢QQ5.2又加了一个右侧菜单,刚好看了下DrawerLayout,一方面官方的东西,我都比较感兴趣:另一方面 ...

随机推荐

MySQL中的幻读，你真的理解吗？
昨天接到阿里的电话面试,对方问了一个在MySQL当中,什么是幻读.当时一脸懵逼,凭着印象和对方胡扯了几句.面试结束后,赶紧去查资料,才发现之前对幻读的理解完全错误.下面,我们就聊聊幻读. 要说幻读,就 ...
1Python学习CentOS 7 Linux环境搭建
鉴于python3目前已成流行之势,而各发行版Linux依然是自带python2.x,笔者尝试在centos7下,部署Python3.x与2.x共存环境本文参考博主良哥95网址https://blo ...
Python3标准库：weakref对象的非永久引用
1. weakref对象的非永久引用 weakref模块支持对象的弱引用.正常的引用会增加对象的引用数,并避免它被垃圾回收.但结果并不总是如期望中的那样,比如有时可能会出现一个循环引用,或者有时需要内 ...
opencv —— boundingRect、minAreaRect 寻找包裹轮廓的最小正矩形、最小斜矩形
寻找包裹轮廓的最小正矩形:boundingRect 函数返回矩阵应满足:① 轮廓上的点均在矩阵空间内.② 矩阵是正矩阵(矩形的边界与图像边界平行). Rect boundingRect(InputA ...
C#中WinFrom保存文件SaveFileDialog类的使用方法
C#中WinFrom保存文件SaveFileDialog类的使用方法使用的命名空间是:System.Windows.Forms; 常用属性: Title:保存对话框的标题,默认为"另存 ...
for循环嵌套练习题or99乘法表
//输出1-10之间的和 public static void whileTest(){ //定义变量用于存储不断变化的和 int sum = 0; //定义变量,用于记录不断变化的被加数 int x ...
【第二篇】xLua中lua加载方式
xLua中lua文件加载方式 1. 直接执行字符串方式 LuaEnv luaenv = new LuaEnv(); luaenv.DoString("CS.UnityEngine.Debu ...
Python3 协程相关 - 学习笔记
什么是协程协程的优势 Python3中的协程生成器 yield/send yield + send(利用生成器实现协程) 协程的四个状态协程终止 @asyncio.coroutine和yield ...
mysql-主从备份问题小结
一:防火墙常用命令 firewall-cmd --state 或 systemctl status firewalld # 查看状态 systemctl start firewalld# 启动 sy ...
解决vue-cli使用组件报错
今天使用vue-cli,明明写的没错,都是vue-cli自动生成的,编译时怎嘛就会报错呢? 报错信息如下: 浏览器端报错: Failed to compile. ./src/components/Hi ...

Android_侧滑菜单的实现

Android_侧滑菜单的实现的更多相关文章

随机推荐

热门专题