Android DrawerLayout 高仿QQ5(1)

最新推荐文章于 2024-10-01 21:21:12 发布
最新推荐文章于 2024-10-01 21:21:12 发布
阅读量241 收藏 8
点赞数 4
分类专栏： 程序员 文章标签： android gitee
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84407942/article/details/138321457
版权

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<ImageView

android:id=“@+id/one”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_marginTop=“20dp”

android:src=“@drawable/img_1” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/one”

android:text=“第1个Item”

android:textColor=“#f0f0f0”

android:textSize=“20sp” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<ImageView

android:id=“@+id/two”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_marginTop=“20dp”

android:src=“@drawable/img_2” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/two”

android:text=“第2个Item”

android:textColor=“#f0f0f0”

android:textSize=“20sp” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<ImageView

android:id=“@+id/three”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_marginTop=“20dp”

android:src=“@drawable/img_3” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/three”

android:text=“第3个Item”

android:textColor=“#f0f0f0”

android:textSize=“20sp” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<ImageView

android:id=“@+id/four”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_marginTop=“20dp”

android:src=“@drawable/img_4” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/four”

android:text=“第4个Item”

android:textColor=“#f0f0f0”

android:textSize=“20sp” />

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content” >

<ImageView

android:id=“@+id/five”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_marginTop=“20dp”

android:src=“@drawable/img_5” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_marginLeft=“20dp”

android:layout_toRightOf=“@id/five”

android:text=“第5个Item”

android:textColor=“#f0f0f0”

android:textSize=“20sp” />

其实就是堆出来的布局~~没撒意思~

2、MenuRightFragment

package com.zhy.demo_zhy_17_drawerlayout;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

public class MenuRightFragment extends Fragment

{

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState)

{

return inflater.inflate(R.layout.menu_layout_right, container, false);

}

}

对应布局文件：

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

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

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:gravity=“center_vertical”

android:orientation=“vertical” >

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_gravity=“center_vertical”

android:layout_marginBottom=“20dp”

android:orientation=“vertical” >

<ImageView

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“center”

android:src=“@drawable/wode” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=“扫一扫”

android:textColor=“#ffffff” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_gravity=“center_vertical”

android:layout_marginBottom=“20dp”

android:orientation=“vertical” >

<ImageView

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“center”

android:src=“@drawable/saoma” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=“讨论组”

android:textColor=“#ffffff” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_gravity=“center_vertical”

android:layout_marginBottom=“20dp”

android:orientation=“vertical” >

<ImageView

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“center”

android:src=“@drawable/wode” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=“扫一扫”

android:textColor=“#ffffff” />

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_centerVertical=“true”

android:layout_gravity=“center_vertical”

android:layout_marginBottom=“20dp”

android:orientation=“vertical” >

<ImageView

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“center”

android:src=“@drawable/saoma” />

<TextView

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:gravity=“center”

android:text=“讨论组”

android:textColor=“#ffffff” />

依旧很简单，除了图标比较难找以外~~

3、MainActivity

MainActivity的布局文件已经贴过了~~

package com.zhy.demo_zhy_17_drawerlayout;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.support.v4.widget.DrawerLayout;

import android.support.v4.widget.DrawerLayout.DrawerListener;

import android.view.Gravity;

import android.view.View;

import android.view.Window;

import com.nineoldandroids.view.ViewHelper;

public class MainActivity extends FragmentActivity

{

private DrawerLayout mDrawerLayout;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

initView();

initEvents();

}

public void OpenRightMenu(View view)

{

mDrawerLayout.openDrawer(Gravity.RIGHT);

mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED,

Gravity.RIGHT);

}

private void initEvents()

{

mDrawerLayout.setDrawerListener(new DrawerListener()

{

@Override

public void onDrawerStateChanged(int newState)

{

}

@Override

public void onDrawerSlide(View drawerView, float slideOffset)

{

View mContent = mDrawerLayout.getChildAt(0);

View mMenu = drawerView;

float scale = 1 - slideOffset;

float rightScale = 0.8f + scale * 0.2f;

if (drawerView.getTag().equals(“LEFT”))

{

float leftScale = 1 - 0.3f * scale;

ViewHelper.setScaleX(mMenu, leftScale);

ViewHelper.setScaleY(mMenu, leftScale);

ViewHelper.setAlpha(mMenu, 0.6f + 0.4f * (1 - scale));

ViewHelper.setTranslationX(mContent,

mMenu.getMeasuredWidth() * (1 - scale));

ViewHelper.setPivotX(mContent, 0);

ViewHelper.setPivotY(mContent,

mContent.getMeasuredHeight() / 2);

mContent.invalidate();

ViewHelper.setScaleX(mContent, rightScale);

ViewHelper.setScaleY(mContent, rightScale);

} else

{

ViewHelper.setTranslationX(mContent,

-mMenu.getMeasuredWidth() * slideOffset);

ViewHelper.setPivotX(mContent, mContent.getMeasuredWidth());

ViewHelper.setPivotY(mContent,

mContent.getMeasuredHeight() / 2);

mContent.invalidate();

ViewHelper.setScaleX(mContent, rightScale);

ViewHelper.setScaleY(mContent, rightScale);

}

}

@Override

public void onDrawerOpened(View drawerView)

{

}

@Override

public void onDrawerClosed(View drawerView)

{

mDrawerLayout.setDrawerLockMode(

DrawerLayout.LOCK_MODE_LOCKED_CLOSED, Gravity.RIGHT);

}

});

}

private void initView()

{

mDrawerLayout = (DrawerLayout) findViewById(R.id.id_drawerLayout);

mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED,

Gravity.RIGHT);

}

}

嗯，代码基本没什么注释~~维撒呢？是因为的确没什么好注释的。

提几点：

1、为了模拟QQ的右侧菜单需要点击才能出现，所以在初始化DrawerLayout的时候，使用了mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED,Gravity.RIGHT);意思是只有编程才能将其弹出。

小福利：

在当下这个碎片化信息环境的时代，很多资源都可以在网络上找到，只取决于你愿不愿意找或是找的方法对不对了

很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘

如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。

2021大厂最新Android面试真题解析

Android大厂面试真题解析

各个模块学习视频：如数据结构与算法

算法与数据结构资料图

只有系统，有方向的学习，才能在段时间内迅速提高自己的技术。
一线互联网架构师

这份体系学习笔记，适应人群：**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。如果你有需要，我这里恰好有为什么，不来领取！说不定能改变你现在的状态呢！点赞+评论即可获得！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
MODE_LOCKED_CLOSED,Gravity.RIGHT);意思是只有编程才能将其弹出。

小福利：

在当下这个碎片化信息环境的时代，很多资源都可以在网络上找到，只取决于你愿不愿意找或是找的方法对不对了

很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘

如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。

2021大厂最新Android面试真题解析

[外链图片转存中…(img-oD9yuAkx-1714385805294)]

各个模块学习视频：如数据结构与算法

[外链图片转存中…(img-X6J4c4Fw-1714385805295)]

只有系统，有方向的学习，才能在段时间内迅速提高自己的技术。
[外链图片转存中…(img-s09kL2Qc-1714385805296)]

[外链图片转存中…(img-jC49VRC6-1714385805297)]

这份体系学习笔记，适应人群：**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。如果你有需要，我这里恰好有为什么，不来领取！说不定能改变你现在的状态呢！点赞+评论即可获得！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84407942
关注
专栏目录
解决在在Edittext输入的时候，输入框被软键盘遮挡部分内容的问题
07-22
解决在在Edittext输入的时候，输入框被软键盘遮挡部分内容的问题
Android DrawerLayout 高仿QQ5.2双向侧滑菜单程序文件
11-27
代码为博客的示例代码，有问题请博客留言http://blog.csdn.net/lmj623565791/article/details/41531475。
粮草先行——Android折叠屏开发技术点（二）
编程二三事
02-20 704
继该系列的第一篇和番外篇之后，今天我们来聊一聊多窗口开发的注意事项。实际上，与其说“多窗口开发”，不如说让我们的APP适应多窗口模式。 可能有朋友会问，为什么要提到多窗口模式呢？ 这是因为： 折叠屏在展开后的屏幕会变大，而变大带来的变化就是多窗口运行； 多窗口模式在很早之前就已经被Google官方支持，提供了相应的API，现在也到了该了解一下的时候了； 避免我们辛辛苦苦开发好的APP，翻车在多窗...
Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
jysf98746的博客
01-23 328
Android 手机下, input 或 textarea 元素聚焦时, 主动滚一把。去掉overflow属性。
Android 关于 EditText 的一些问题 如：不弹出输入法
chinese_zhang的专栏
03-26 4301
方法一(此种有效，其余未测)： 在 AndroidMainfest.xml 中 选 择 哪 个 activity ， 设 置 windowSoftInputMode 属 性 为 adjustUnspecified|stateHidden 例如： android:name=".Main"android:label="@string/appandroid:windowSoftInputMode=
android 关闭软键盘失去焦点,Android - html输入在软键盘打开时失去焦点（ASP.net）...
weixin_35975177的博客
05-28 321
使用Nexus 4，Android 4.2.1本机Chrome浏览器 - 当我点击字段时，软键盘出现，然后该字段立即失去焦点。我必须再次点击字段，并且已经打开键盘才能输入文字。这不会发生在桌面上的Chrome中。我在ASP用户控制下的登录表单：UsernamePasswordRemember me这似乎是这样的浏览器：UsernamePasswordRemember me我怀疑的是，ViewSta...
Android DrawerLayout 高仿QQ5
2401_84132204的博客
04-21 904
fragment
Android DrawerLayout 高仿QQ5，2024年最新jvvm面试题
2401_84481060的博客
04-21 815
现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。
Android DrawerLayout 高仿QQ5.2双向侧滑菜单
热门推荐
Hongyang
11-27 8万+
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/41531475，本文出自：【张鸿洋的博客】1、概述之前写了一个Android 高仿 QQ5.0 侧滑菜单效果 自定义控件来袭 ，恰逢QQ5.2又加了一个右侧菜单，刚好看了下DrawerLayout，一方面官方的东西，我都比较感兴趣；另一方面，这玩意用起来的确方便，于是简单写了个de
Android DrawerLayout 高仿QQ5，Android开发快速上手
2401_84149619的博客
04-06 537
简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。但做过什么，达到怎样一个境界，这是深度问题，和个人学习能力和解决问题的态度有关了。大公司看深度，小公司看广度。大公司面试你会的，小公司面试他们用到的你会不会，也就是岗位匹配度。面试过程一定要有礼貌！
Android 超高仿 QQ5.0 侧滑菜单项目完整实例代码
04-24
这个"Android超高仿QQ5.0侧滑菜单项目完整实例代码"是一个很好的学习资源，可以帮助开发者深入理解如何在Android应用中实现这种功能。 首先，侧滑菜单通常是通过滑动手势从屏幕边缘拉出，它包含了一系列可点击的...
Android 高仿QQ5.2双向侧滑菜单DrawerLayout实现源码
08-24
在Android应用开发中，创建一个高仿QQ5.2版本的双向侧滑菜单是一项常见的需求，这涉及到对Android原生控件`DrawerLayout`的深入理解和定制。`DrawerLayout`是Android SDK提供的一种布局，它允许开发者在屏幕边缘滑出...
Android开发+UI组件+QQ侧滑菜单+项目实战示例：Android 超高仿 QQ5.0 侧滑菜单项目完整实例代码
04-18
本资源包“Android开发+UI组件+QQ侧滑菜单+项目实战示例：Android 超高仿 QQ5.0 侧滑菜单项目完整实例代码”为Android开发者提供了一个详尽的实例，展示如何创建一个与QQ5.0版本中的侧滑菜单高度相似的用户界面。...
android 监听edittext 焦点,android EditText 的聚焦和失焦，输入框的监听
weixin_31256083的博客
05-27 1312
packagecom.example.myapplication;importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.text.Editable;importandroid.text.TextWatcher;importandroid.view.View;importandroid...
【Android 14源码分析】WMS-窗口显示-流程概览与应用端流程分析
隔壁小王的博客
09-30 1089
WMS 负责管理设备上所有的 Window ，所以应用想显示一个 Window 则要通过 WMS 来完成。而 WMS 毕竟还是上层，窗口的内容要显示到屏幕上，还需要 SurfaceFlinger 来处理。应用端: 控制其内部的窗口的添加及 UI 绘制逻辑WMS 模块: 作为系统窗口管理模块，处理应用端的窗口显示逻辑应用端与 WMS 通信通过匿名 Binder -> Session 完成。
【Android 13源码分析】Activity生命周期之onCreate,onStart,onResume-1
最新发布
隔壁小王的博客
10-01 1019
我们知道 onCreate 这个生命周期表示 Activity 的创建，对应 LaunchActivityItem 这个事务，源码中构建这个事务唯一的地方就在 ActivityTaskSupervisor::realStartActivityLocked 方法。TargetActivity 所在的应用进程已经启动SourceActivity 需要执行 onPause。
Android build子系统（01）Ninja构建系统解读
wangdsh的博客
09-29 1194
说明：本文将解读Ninja构建系统，这是当前Android Framework中广泛使用的构建工具。我们将从Ninja的起源和背景信息开始，逐步解读Ninja的优势和核心原理，并探讨其一般使用场景。然后介绍其在Android Framework中的应用及相关工具：kati、soong、gn等，最后介绍下如何自行构建一个Ninja编译系统，以便于对Ninja有一个完整的了解。
高仿QQ风格的Android通讯录实现
1. Android开发基础： - Android应用是由Java编写而成的，利用Android SDK提供的API进行开发。 - 在Android开发中，常用的界面布局方式有线性布局（LinearLayout）、相对布局（RelativeLayout）、网格布局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值