仿QQ6，androidapp开发语言

最新推荐文章于 2024-07-25 22:24:14 发布
最新推荐文章于 2024-07-25 22:24:14 发布
阅读量74 收藏
点赞数
分类专栏： 程序员 文章标签： 架构 移动开发 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66264938/article/details/122761005
版权

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.view.View;

import android.view.ViewGroup;

import android.view.WindowManager;

import android.widget.HorizontalScrollView;

public class mySlidingMenu extends HorizontalScrollView {

private int mScreenWidth;

private View mMenu;

private View mContent;

private int mMenuWidth;

private int mContentWidth;

private int mScrennHeight;

public mySlidingMenu(Context context) {

this(context,null);

}

public mySlidingMenu(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public mySlidingMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取屏幕宽度

WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics metrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(metrics);

mScreenWidth = metrics.widthPixels;

mScrennHeight = metrics.heightPixels;

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//初始化宽度、高度

int width = 0;

int height = 0;

//获取子代

ViewGroup ll_child = (ViewGroup) getChildAt(0);

mMenu = ll_child.getChildAt(0);

mContent = ll_child.getChildAt(1);

//设置菜单 内容的宽度

mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth - 400;

mContentWidth = mContent.getLayoutParams().width = mScreenWidth;

//设置自定义组件的宽高

width = mMenuWidth + mContentWidth;

height = mScrennHeight;

setMeasuredDimension(width,height);

}

}

我们发现布局结构的确出来了，但是划不动， 最大的可能就是我们设置宽高的时机不对，通过翻阅资料，我发现我们应该写在布局解析完成这个时间节点

package com.wust.myhorizontalscrollview;

import android.content.Context;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.view.View;

import android.view.ViewGroup;

import android.view.WindowManager;

import android.widget.HorizontalScrollView;

public class mySlidingMenu extends HorizontalScrollView {

private int mScreenWidth;

private View mMenu;

private View mContent;

private int mMenuWidth;

private int mContentWidth;

private int mScrennHeight;

public mySlidingMenu(Context context) {

this(context,null);

}

public mySlidingMenu(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public mySlidingMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取屏幕宽度

WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics metrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(metrics);

mScreenWidth = metrics.widthPixels;

mScrennHeight = metrics.heightPixels;

}

@Override

protected void onFinishInflate() {

super.onFinishInflate();

//获取子代

ViewGroup ll_child = (ViewGroup) getChildAt(0);

mMenu = ll_child.getChildAt(0);

mContent = ll_child.getChildAt(1);

//设置菜单 内容的宽度

mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth - 400;

//设置布局宽度的第二种方法

ViewGroup.LayoutParams contentLayoutParams = mContent.getLayoutParams();

mContentWidth = contentLayoutParams.width = mScreenWidth;

mContent.setLayoutParams(contentLayoutParams);

}

}

这个时候，你就会发现屏幕可以滑动了

第四步：优化

经过上面三步，侧滑菜单我们就做完了，下面所讲是为了优化用户体验

  • 优化一：最初渲染页面的时候，菜单栏是关闭的

在这一步中要注意 关闭菜单的时机，即到底写在那个函数里

package com.wust.myhorizontalscrollview;

import android.content.Context;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.view.View;

import android.view.ViewGroup;

import android.view.WindowManager;

import android.widget.HorizontalScrollView;

public class mySlidingMenu extends HorizontalScrollView {

private int mScreenWidth;

private View mMenu;

private View mContent;

private int mMenuWidth;

private int mContentWidth;

private int mScrennHeight;

public mySlidingMenu(Context context) {

this(context,null);

}

public mySlidingMenu(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public mySlidingMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取屏幕宽度

WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics metrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(metrics);

mScreenWidth = metrics.widthPixels;

mScrennHeight = metrics.heightPixels;

}

@Override

protected void onFinishInflate() {

super.onFinishInflate();

//获取子代

ViewGroup ll_child = (ViewGroup) getChildAt(0);

mMenu = ll_child.getChildAt(0);

mContent = ll_child.getChildAt(1);

//设置菜单 内容的宽度

mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth - 400;

//设置布局宽度的第二种方法

ViewGroup.LayoutParams contentLayoutParams = mContent.getLayoutParams();

mContentWidth = contentLayoutParams.width = mScreenWidth;

mContent.setLayoutParams(contentLayoutParams);

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

super.onLayout(changed, l, t, r, b);

closeMenu();

}

private void closeMenu(){

smoothScrollTo(mMenuWidth,0);

}

private void openMenu(){

smoothScrollTo(0,0);

}

}

  • 优化二：判断手指抬起时是否超过菜单宽度一半，超过即打开菜单，没有超过即关闭菜单

在这一步中要区别于我们上讲 仿QQ6.0主页面侧滑效果 中的滑动正负观，在这我就不过多赘述，大家自己动手实践就知道了

@Override

public boolean onTouchEvent(MotionEvent ev) {

switch(ev.getAction()){

//自己处理 手指抬起事件 所以 return true

case MotionEvent.ACTION_UP:

{

//就是这里要注意，因为最开始 getScrollX() 的值是 mMenuWidth

if (getScrollX() > mMenuWidth/2){

closeMenu();

}else {

openMenu();

}

return true;

}

}

return super.onTouchEvent(ev);

}

  • 优化三：处理快速滑动手势

在这个里面主要用到了一个类 GestureDetector

public mySlidingMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取屏幕宽度

WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics metrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(metrics);

mScreenWidth = metrics.widthPixels;

mScrennHeight = metrics.heightPixels;

//第一步：在构造方法里创建 GestureDetector 类

mGestureDetector = new GestureDetector(context, new myGestureListener());

}

@Override

public boolean onTouchEvent(MotionEvent ev) {

//第二步：在 onTouchEvent 中拦截快速滑动
手势

if (mGestureDetector.onTouchEvent(ev)){

return mGestureDetector.onTouchEvent(ev);

}

switch(ev.getAction()){

//自己处理 手指抬起事件 所以 return true

case MotionEvent.ACTION_UP:

{

//就是这里要注意，因为最开始 getScrollX() 的值是 mMenuWidth

if (getScrollX() > mMenuWidth/2){

closeMenu();

}else {

openMenu();

}

return true;

}

}

return super.onTouchEvent(ev);

}

//第三步：编写 myGestureListener

private class myGestureListener extends GestureDetector.SimpleOnGestureListener {

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

System.out.println(“velocityX ->” + velocityX);

if (menuIsOpen){

//菜单打开状态

if (velocityX < -500){

closeMenu();

return true;

}

}else {

//菜单关闭状态

if (velocityX > 500){

openMenu();

return true;

}

}

return false;

}

}

//在下面两个方法中添加了菜单是否打开标志

private void closeMenu(){

smoothScrollTo(mMenuWidth,0);

menuIsOpen = false;

}

private class myGestureListener extends GestureDetector.SimpleOnGestureListener {

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

System.out.println(“velocityX ->” + velocityX);

if (menuIsOpen){

//菜单打开状态

if (velocityX < -500){

closeMenu();

return true;

}

}else {

//菜单关闭状态

if (velocityX > 500){

openMenu();

return true;

}

}

return false;

}

}

//在下面两个方法中添加了菜单是否打开标志

private void closeMenu(){

smoothScrollTo(mMenuWidth,0);

menuIsOpen = false;

}

m0_66264938
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android使用ViewDragHelper实现QQ6.X最新版本侧滑界面效果实例代码
01-04
这两天QQ进行了重大更新(6.X)尤其在UI风格上面由之前的蓝色换成了白色居多了，侧滑效果也发生了一些变化，那我们今天来模仿实现一个QQ6.X版本的侧滑界面效果。今天我们还是采用神器ViewDragHelper来实现. 本次实例...
Mini Camera QQ6 manual说明书.pdf
06-26
找了好久没找到，最后在一英文论坛找到的说明书。给需要的人。特别是设置时间。
仿QQ6，kotlin循环for
m0_66265052的博客
03-01 141
第二步：引用布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android” xmlns:app=“http://schemas.android.com/apk/res-auto” xmlns:tools=“http://schemas.android.com/tools” android:layout_width=“ma..
仿QQ6，中高级Android开发应该要了解
HUAXIAL的博客
03-20 797
我们发现布局结构的确出来了，但是划不动， 最大的可能就是我们设置宽高的时机不对，通过翻阅资料，我发现我们应该写在布局解析完成这个时间节点//获取屏幕宽度@Override//获取子代//设置菜单 内容的宽度//设置布局宽度的第二种方法这个时候，你就会发现屏幕可以滑动了第四步：优化经过上面三步，侧滑菜单我们就做完了，下面所讲是为了优化用户体验在这一步中要注意 关闭菜单的时机，即到底写在那个函数里。
android之仿qq
qly的博客
12-27 2498
android之仿qq仿qq登录注册+手机号短信找回密码登录注册+手机号短信找回密码合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导...
仿QQ6，程序员必学之一
m0_66685194的博客
03-05 56
import android.util.DisplayMetrics; import android.view.View; import android.view.ViewGroup; import android.view.WindowManager; public class mySlidingMenu extends ViewGroup { private View mMenu; private View mContent; private int mScreenWidth; private int
高仿QQ6 0之侧滑删除
weixin_34161083的博客
12-27 60
高仿QQ6.0之侧滑删除 前两天已经完成了高仿QQ6.0侧滑和优化，今天来看下侧滑删除的实现吧，如果有兴趣，可以去看下之前的两篇，仿QQ6.0侧滑之ViewDragHelper的使用（一）和高仿QQ6.0侧滑菜单之滑动优化（二），好了不多说，开始今天的内容了。 如果看过之前的两篇的话，想必今天的很好实现的，我们来分析一下哈，侧滑删除，布局也就是前面一个item，然后有两个隐藏的按钮（TextVie...
仿QQ6 0主页面侧滑效果
weixin_33979745的博客
12-14 100
###1.概述 最近一直都在带实习生做项目，发现自己好久没有写博客了，这几天更新会比较频繁，今天玩QQ的时候发现QQ主页菜单滑动效果早就变了，实在忍不住晚上就来实现一下了！ 　　 　　 ###2．实现 2.1． 实现的方式多种多样 　　2.1.1　自定义ViewGroup ，处理其onTouch事件 　　2.1.2　FrameLayout + 手势处理类GestureDetector 　　2....
android实现qq6.x右滑设置界面,Android使用ViewDragHelper实现QQ6.X最新版本侧滑界面效果实例代码...
weixin_34254044的博客
05-28 571
(一).前言:这两天QQ进行了重大更新(6.X)尤其在UI风格上面由之前的蓝色换成了白色居多了，侧滑效果也发生了一些变化，那我们今天来模仿实现一个QQ6.X版本的侧滑界面效果。今天我们还是采用神器ViewDragHelper来实现.本次实例具体代码已经上传到下面的项目中，欢迎各位去star和fork一下。https://github.com/jiangqqlmj/DragHelper4QQFast...
Android实现百度网盘一些功能
热门推荐
Jacky的笔记
11-26 1万+
写这个项目是为了继续打打android的基础，另外还了解到了一些新方法和小技巧所以想来用用练练手。
仿QQ6 0侧滑之ViewDragHelper的使用（一）
weixin_34191845的博客
01-03 66
title : 仿QQ6.0侧滑之ViewDragHelper的使用（一） 相信大家也都是用QQ，自从QQ更新至6.0后，侧滑由原先的划出后主面板缩小变成了左右平滑，个人觉得这样还是听美观的（个人观点），于是自己就尝试着看看自己能不能理解一下里面的各种逻辑，于是乎，自己就找了些资料，研究研究。 知道这里面的一个主要类是ViewDragHelper，那么首先我们要先来了解一下这个ViewDragH...
Qt实现的高仿QQ6.x UI
11-11
Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备，支持C++语言，同时也提供了QML作为声明式编程语言。通过Qt，开发者可以创建出美观且功能丰富的用户界面。 首先，让我们理解"高仿"的概念。在...
微信小程序模仿QQ6侧滑菜单
05-10
模仿QQ6.0侧滑菜单功能，... 在android ios 平台测试过，确保真实环境一致 小程序目前不支持组件化；后期会抽离一些公共的东西，让使用起来更加方便 如何使用？ 复制page下的文件夹到自己项目中，配置app.json，编译
鸿蒙开发仓颉语言【Hyperion: 一个支持自定义编解码器的TCP通信框架】架构
m0_70748845的博客
07-23 895
TCP框架客户端或者服务端的事件处理器，循环处理入栈消息，并按需要将消息出栈。TCP框架客户端实现，服务端支持非Hyperion TCP框架的服务端。双向会话接口，可以从对端收取消息，也可以向对端发送消息。只处理单个入栈消息和单个出栈消息的IoFilter实现。一对编码器、解码器的组合，实现了IoFilter接口。帮助大家在学习鸿蒙路上快速成长！TCP框架客户端和服务端之间建立的连接。单向会话接口，可以向对端发送消息。由IoFilter串联而成的链表。TCP框架服务端实现。
推荐系统三十六式学习笔记：工程篇.常见架构24|典型的信息流架构是什么样的
weixin_43597208的博客
07-24 470
今天我逐一梳理了实现一个通用信息流的关键模块，及其已有的轮子，从而能最大限度地降低开发成本。这些对于一个中小型的社交网路来说已经足够，当你面临更大的社交网络，会有更多复杂的情况出现，尤其是系统上的，请时刻观察系统的监控、日志的规模。
Android系统是如何检测到ANR- 应用无响应的？
知行合一
07-24 863
最近debug应用时，发现只要看debug的变量内容太久了，app也会爆出anr问题，遂想对ANR做一个系统的整理。
AvaloniaUI的学习
最新发布
lishuangquan1987的博客
07-25 627
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
编程学习之路：从零到一的成长指南
KsuferNotes
07-22 466
在当今数字化时代，编程技能已经成为许多人职业发展的重要组成部分。不论你是已经在IT业从业多年的老手，还是刚刚起步的编程新手，这篇博客将带你走过编程学习的每一个重要阶段，从而顺利完成从零到一的华丽转变。
{ "blackListTitle":"黑名单1", "severity":2, "applicationScope":"", "status":0, "blackListNote":"黑名单1备注", "component":{ "dI5zOD7qQ6ObUHAnlDylSa":["aCg9yxtMk7X8PwV9wSPPZM","aDi3fii6QbqbLmJ_YdzIrM"], "1ZHFNZgQQgW81yjcAZXY3w":["cNmmtm-wA3s9d6OZdh1ilv"] } } 我在postman用这样给后端传递参数，如果是在js里面，如何构造这样的参数？
05-31
"dI5zOD7qQ6ObUHAnlDylSa": ["aCg9yxtMk7X8PwV9wSPPZM", "aDi3fii6QbqbLmJ_YdzIrM"], "1ZHFNZgQQgW81yjcAZXY3w": ["cNmmtm-wA3s9d6OZdh1ilv"] } }; // 将对象转换为 JSON 字符串 const jsonString = JSON....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值