仿QQ6，kotlin循环for

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

第二步：引用布局

<?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=“match_parent”

android:layout_height=“match_parent”

android:orientation=“horizontal”

tools:context=".MainActivity">

<com.wust.myhorizontalscrollview.mySlidingMenu

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:text=“我是菜单”

android:background="#f00"/>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:text=“我是内容”

android:background="#0f0"/>

</com.wust.myhorizontalscrollview.mySlidingMenu>

如果大家在这一步试图去运行，就会发现报错，如下：

大概意思就是说 HorizontalScrollView 里面只能包一个布局，所以，我们得把上面的布局文件修改一下，用一个线性布局把他们包起来

<?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=“match_parent”

android:layout_height=“match_parent”

android:orientation=“horizontal”

tools:context=".MainActivity">

<com.wust.myhorizontalscrollview.mySlidingMenu

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<LinearLayout

android:layout_width=“match_parent”

android:orientation=“horizontal”

android:layout_height=“match_parent”>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:text=“我是菜单”

android:background="#f00"/>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:text=“我是内容”

android:background="#0f0"/>

</com.wust.myhorizontalscrollview.mySlidingMenu>

第三步：编写逻辑

这个时候当我们运行程序的时候就会发现，我们明明写的 match_parent 可是最后的结果不是铺满的，所以，我们得给我们的自定义组件赋值宽高。在 onMeasure() 方法里？？我们不妨来试试

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 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()){

尾声

最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！

ndroid开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

[外链图片转存中…(img-dDGB6Ct4-1646147621412)]

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！
[外链图片转存中…(img-yl7Vq334-1646147621412)]

智恩架构师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Mini Camera QQ6 manual说明书.pdf
06-26
找了好久没找到，最后在一英文论坛找到的说明书。给需要的人。特别是设置时间。
微信小程序模仿QQ6侧滑菜单
05-10
模仿QQ6.0侧滑菜单功能，小程序实现 在android ios 平台测试过，确保真实环境一致 小程序目前不支持组件化；后期会抽离一些公共的东西，让使用起来更加方便 如何使用？ 复制page下的文件夹到自己项目中，配置app....
仿QQ6，androidapp开发语言
m0_66264938的博客
01-31 74
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 HorizontalScrol
仿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....
仿QQ6 0侧滑之ViewDragHelper的使用（一）
weixin_34191845的博客
01-03 66
title : 仿QQ6.0侧滑之ViewDragHelper的使用（一） 相信大家也都是用QQ，自从QQ更新至6.0后，侧滑由原先的划出后主面板缩小变成了左右平滑，个人觉得这样还是听美观的（个人观点），于是自己就尝试着看看自己能不能理解一下里面的各种逻辑，于是乎，自己就找了些资料，研究研究。 知道这里面的一个主要类是ViewDragHelper，那么首先我们要先来了解一下这个ViewDragH...
高仿QQ6 0侧滑菜单之滑动优化（二）
weixin_34353714的博客
01-03 74
Title：高仿QQ6.0侧滑菜单之滑动优化（二） 好了，昨天已经实现了高仿QQ6.0的侧滑大致框架，如有兴趣，可以去看下仿QQ6.0侧滑之ViewDragHelper的使用（一） 但是之前的实现，只是简单的可以显示和隐藏左侧的菜单，但是特别生硬，而且没有任何平滑的趋势，那么今天就来优化一下吧，加上平滑效果，而且可以根据手势滑动的方向来判断是否是显示和隐藏。 ####首先先来实现手势判断是否隐藏...
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之仿qq
qly的博客
12-27 2498
android之仿qq仿qq登录注册+手机号短信找回密码登录注册+手机号短信找回密码合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导...
npm WARN lifecycle The node binary used for scripts
Gavin
07-03 3747
问题 npm WARN lifecycle The node binary used for scripts is /var/folders/v1/r74shgfs7dd78lrz5rz7xznr0000gn/T/yarn--1593737037587-0.95370121034529/node but npm is using /Users/gavin/.nvm/versions/node/v13.11.0/bin/node itself. Use the `--scripts-prepend-node-
Qt实现的高仿QQ6.x UI
11-11
在本文中，我们将深入探讨如何使用Qt框架来实现一个高仿QQ6.x用户界面（UI）的项目。Qt是一个跨平台的应用程序开发框架，广泛应用于桌面、移动和嵌入式设备，支持C++语言，同时也提供了QML作为声明式编程语言。通过...
微信小程序-模仿QQ6侧滑菜单
06-12
在微信小程序开发中，模仿QQ6的侧滑菜单是一项常见的需求，这可以帮助用户在有限的屏幕空间内快速访问和操作更多的功能。QQ6侧滑菜单的设计通常出现在移动端应用中，当用户从屏幕边缘向内滑动时，一个包含多个选项的...
面试常考Linux指令
m0_51663233的博客
07-25 860
操作系统中每个文件都拥有特定的权限、所属用户和所属组。权限是操作系统用来限制资源访问的机制，在 Linux 中权限一般分为读(readable)、写(writable)和执行(executable)，分为三组。分别对应文件的属主(owner)，属组(group)和其他用户(other)，通过这样的机制来限制哪些用户、哪些组可以对特定的文件进行什么样的操作。通过ls -lt。
2024年C++面试题汇总及答案解析
最新发布
soaring_casia的专栏
07-25 487
唯一的指针，不允许其他指针与他共享指向的对象。比如指针指向的内存被释放了，但是指针没有置nullptr. 多个指针指向同一个内存，当free掉一个指针之后，其他指针就变成了野指针。C++这些年虽然难度大，但是热度仍然不减，在编程排行榜基本上都是前几位，得益于它良好的薪资待遇。SPI协议是一种采用主从模式的串行，全双工，同步通信总线，包括时钟，输入，输出，片选四个信号线，片选信号用于选择slave设备，输入输出的每个bit都需要和时钟沿同步。区别：指针指向一块儿内存，他的内容是所指内存的地址。
江苏科技大学24计算机考研数据速览，有专硕复试线大幅下降67分！
m0_72717598的博客
07-23 466
江苏科技大学（Jiangsu University of Science and Technology），坐落在江苏省镇江市，是江苏省重点建设高校，江苏省人民政府与中国船舶集团有限公司共建高校，国家国防科技工业局与江苏省人民政府共建高校 ，教育部卓越工程师教育培养计划高校，教育部本科教学工作水平评估优秀学校，江苏省高水平大学建设高峰计划B类建设高校，中国船舶与海洋工程产业知识产权联盟、江苏船舶与海洋类高校协同发展联盟牵头单位。其中，研究生新生学业奖学金特等奖3万，一等奖1.2万，二等奖0.8万；
消息队列的面试题
m0_67187271的博客
07-23 644
平台可以实时监测网络负载，根据当前网络状况动态调整直播流的编码质量，例如，在网络负载较低时，提供高清直播流（如1080p），而在网络负载较高时，自动降低编码质量（如720p或更低），以减少数据传输量。流量控制策略，视频平台能够有效管理网络资源，确保在高用户量和高数据传输速率的情况下，提供稳定、高质量的直播服务，同时避免网络拥塞，提高用户体验。：对于直播流，平台可以使用缓存和预加载技术，提前下载部分直播内容到用户的设备上，减少直播开始时的网络负载，同时提供更流畅的观看体验。
JVM面试题之内存区域、类加载篇
Java码农杂谈
07-25 942
Java开发人员必须要了解的JVM知识：JVM内存划分、类加载和双亲委派。
{ "blackListTitle":"黑名单1", "severity":2, "applicationScope":"", "status":0, "blackListNote":"黑名单1备注", "component":{ "dI5zOD7qQ6ObUHAnlDylSa":["aCg9yxtMk7X8PwV9wSPPZM","aDi3fii6QbqbLmJ_YdzIrM"], "1ZHFNZgQQgW81yjcAZXY3w":["cNmmtm-wA3s9d6OZdh1ilv"] } } 我在postman用这样给后端传递参数，如果是在js里面，如何构造这样的参数？
05-31
你可以使用 JavaScript 中的对象（Object）来构造这个参数，具体代码如下： ``` const data = { "blackListTitle": "黑名单1", "severity": 2, "applicationScope": "", "status": 0, "blackListNote": "黑名单1备注", "component": { "dI5zOD7qQ6ObUHAnlDylSa": ["aCg9yxtMk7X8PwV9wSPPZM", "aDi3fii6QbqbLmJ_YdzIrM"], "1ZHFNZgQQgW81yjcAZXY3w": ["cNmmtm-wA3s9d6OZdh1ilv"] } }; // 将对象转换为 JSON 字符串 const jsonString = JSON.stringify(data); // 发送 POST 请求 fetch(url, { method: 'POST', body: jsonString, headers: { 'Content-Type': 'application/json' } }).then(response => { // 处理响应 }).catch(error => { // 处理错误 }); ``` 其中，`fetch` 函数用于发送 POST 请求，`JSON.stringify` 函数将对象转换为 JSON 字符串，`Content-Type` 头部指定请求的数据格式为 JSON。你需要将 `url` 替换为你的后端接口地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值