2024年安卓最全Android 仿微信， QQ 裁剪，腾讯 行业应用 面试

于 2024-05-15 07:48:32 发布
阅读量544 收藏 23
点赞数 29
分类专栏： 程序员 文章标签： android 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84563220/article/details/138888232
版权

推荐学习资料

  • 脑图
    360°全方位性能调优

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

ClipImageActivity.goToClipActivity(this, uri, new ActivityResultHelper.Callback() {

@Override

public void onActivityResult(int resultCode, Intent data) {

}

});

整体实现思路

从上面的效果图我们可以看到，裁剪功能主要包括两大块

  1. 裁剪框

  2. 图片的缩放，移动，裁剪等

因此，为了方便日后的修改，我们将裁剪框的功能单独提取出来，图片缩放功能提出出来。即裁剪框单独一个 View。

下面，让我们一起来看看裁剪框功能的实现。

裁剪框功能的实现

image

裁剪框主要有两层，第一层，裁剪框的实现（包括圆形，长方形，九宫格形状），第二层，在裁剪区域上面盖上一层蒙层。

蒙层

蒙层的实现我们是通过 Xfermode 实现的

xfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_OUT);

//通过Xfermode的DST_OUT来产生中间的透明裁剪区域，一定要另起一个Layer（层）

canvas.saveLayer(0, 0, this.getWidth(), this.getHeight(), null, Canvas.ALL_SAVE_FLAG);

//设置背景

canvas.drawColor(Color.parseColor(“#a8000000”));

paint.setXfermode(xfermode);

圆形裁剪框的实现

绘制圆形裁剪框很容易实现，主要确定圆心和半径即可

//中间的透明的圆

canvas.drawCircle(this.getWidth() / 2, this.getHeight() / 2, clipRadiusWidth, paint);

//白色的圆边框

canvas.drawCircle(this.getWidth() / 2, this.getHeight() / 2, clipRadiusWidth, borderPaint);

正方形裁剪框的实现

image

绘制长方形的话主要要确定四个点的坐标 left ，top， right， botom。

很简单

left = mHorizontalPadding；

top = this.getHeight() / 2 - clipWidth / 2；

right = this.getWidth() - mHorizontalPadding；

botom = this.getHeight() / 2 + clipWidth / 2；

//绘制中间白色的矩形蒙层

canvas.drawRect(mHorizontalPadding, this.getHeight() / 2 - clipWidth / 2,

this.getWidth() - mHorizontalPadding, this.getHeight() / 2 + clipWidth / 2, paint);

//绘制白色的矩形边框

canvas.drawRect(mHorizontalPadding, this.getHeight() / 2 - clipWidth / 2,

this.getWidth() - mHorizontalPadding, this.getHeight() / 2 + clipWidth / 2, borderPaint);

九宫格的

image

九宫格的绘制稍微繁琐一点，分三个步骤

  1. 绘制长方形边框

  2. 绘制九宫格引导线

  3. 绘制裁剪边框的是个直角

我们来看一下绘制九宫格引导线的

  • 绘制竖直方向两条线

  • 绘制水平方向两条线

private void drawGuidelines(@NonNull Canvas canvas, Rect clipRect) {

final float left = clipRect.left;

final float top = clipRect.top;

final float right = clipRect.right;

final float bottom = clipRect.bottom;

final float oneThirdCropWidth = (right - left) / 3;

final float x1 = left + oneThirdCropWidth;

//引导线竖直方向第一条线

canvas.drawLine(x1, top, x1, bottom, mGuidelinePaint);

final float x2 = right - oneThirdCropWidth;

//引导线竖直方向第二条线

canvas.drawLine(x2, top, x2, bottom, mGuidelinePaint);

final float oneThirdCropHeight = (bottom - top) / 3;

final float y1 = top + oneThirdCropHeight;

//引导线水平方向第一条线

canvas.drawLine(left, y1, right, y1, mGuidelinePaint);

final float y2 = bottom - oneThirdCropHeight;

//引导线水平方向第二条线

can

绘制四个直角的

private void drawCorners(@NonNull Canvas canvas, Rect clipRect) {

final float left = clipRect.left;

final float top = clipRect.top;

final float right = clipRect.right;

final float bottom = clipRect.bottom;

//简单的数学计算

final float lateralOffset = (mCornerThickness - mBorderThickness) / 2f;

final float startOffset = mCornerThickness - (mBorderThickness / 2f);

//左上角左面的短线

canvas.drawLine(left - lateralOffset, top - startOffset, left - lateralOffset, top + mCornerLength, mCornerPaint);

//左上角上面的短线

canvas.drawLine(left - startOffset, top - lateralOffset, left + mCornerLength, top - lateralOffset, mCornerPaint);

//右上角右面的短线

canvas.drawLine(right + lateralOffset, top - startOffset, right + lateralOffset, top + mCornerLength, mCornerPaint);

//右上角上面的短线

canvas.drawLine(right + startOffset, top - lateralOffset, right - mCornerLength, top - lateralOffset, mCornerPaint);

//左下角左面的短线

canvas.drawLine(left - lateralOffset, bottom + startOffset, left - lateralOffset, bottom - mCornerLength, mCornerPaint);

//左下角底部的短线

canvas.drawLine(left - startOffset, bottom + lateralOffset, left + mCornerLength, bottom + lateralOffset, mCornerPaint);

//右下角左面的短线

canvas.drawLine(right + lateralOffset, bottom + startOffset, right + lateralOffset, bottom - mCornerLength, mCornerPaint);

//右下角底部的短线

canvas.drawLine(right + startOffset, bottom + lateralOffset, right - mCornerLength, bottom + lateralOffset, mCornerPaint);

}

图片裁剪框的实现到此讲解完毕，更多细节请参考 ClipView

图片的缩放，移动

实现原理简述

这里我们是通过 ClipViewLayout 实现的，它是 RelativeLayout 的子类，里面含有 ImageView 和 ClipView（裁剪框）。我们通过监听 ClipViewLayout 的 onTouchEvent 事件，设置 imageView 的图片矩阵。

我们先来了解一下，主要有三种模式，NONE，DRAG， ZOOM。NONE 表示初始模式，DRAG 表示拖拽模式，ZOOM 表示缩放模式

private static final int NONE = 0;

//动作标志：拖动

private static final int DRAG = 1;

//动作标志：缩放

private static final int ZOOM = 2;

当我们多个手指按下的时候，加入两个手指之间的距离超过 10，此时我们认为进入 ZOOM 模式。DRAG 模式的话当我们手指按下的时候进入。NONE 模式，当我们手机抬起的时候，进入复位模式。

switch (event.getAction() & MotionEvent.ACTION_MASK) {

case MotionEvent.ACTION_DOWN:

Log.d(TAG, “onTouchEvent: ACTION_DOWN”);

mSavedMatrix.set(mMatrix);

//设置开始点位置

mStart.set(event.getX(), event.getY());

mode = DRAG;

break;

case MotionEvent.ACTION_POINTER_DOWN:

//开始放下时候两手指间的距离

mOldDist = spacing(event);

if (mOldDist > 10f) {

mSavedMatrix.set(mMatrix);

midPoint(mMid, event);

mode = ZOOM;

}

break;

case MotionEvent.ACTION_UP:

case MotionEvent.ACTION_POINTER_UP:

mode = NONE;

break;

接下来我们一起来看一下，我们 action_move 的时候，我们是怎样进行移动和缩放的。

移动的话相对比较简单，首先它会计算出我们这一次 event 事件相对我们 action_down 时候 event 事件的偏移量 dx， dy。接着调用 mMatrix.postTranslate(dx, dy)，进行矩阵的移动。最后，再检测是否超出边界。

case MotionEvent.ACTION_MOVE:

Log.d(TAG, “onTouchEvent: mode =” + mode);

if (mode == DRAG) { //拖动

mMatrix.set(mSavedMatrix);

float dx = event.getX() - mStart.x;

float dy = event.getY() - mStart.y;

mVerticalPadding = mClipView.getClipRect().top;

mMatrix.postTranslate(dx, dy);

//检查边界

checkBorder();

}

mImageView.setImageMatrix(mMatrix);

写在最后

今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。

最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

构技术进阶脑图、Android开发面试专题资料**，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

[外链图片转存中…(img-6EC1BwIh-1715730490005)]

【算法合集】

[外链图片转存中…(img-4yqrUFmK-1715730490005)]

【延伸Android必备知识点】

[外链图片转存中…(img-31evWVWX-1715730490006)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2401_84563220
关注
  • 29
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
apk开发学习！史上最强vue总结来了，详细的Android学习指南_android app vue 开发入门
2401_84556604的博客
05-09 291
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
魅族手机安装，提示安装失败，更新包不兼容
hapasm的博客
05-25 5440
魅族手机安装，提示安装失败，更新包不兼容解决方法如下：设置--》指纹和安全 --》访客模式，清除访客数据，即可，或者（锁屏， 输入访客密码，进入访客模式 ，删除里面对应的App.【备注，这个我没试过】）...
Android仿人人客户端（v5，2024Android网络编程总结篇
2301_76225520的博客
03-31 759
**功能描述：自定义顶部工具栏创建日期：2013-03-26*//**功能描述：常量类*/
关于魅族手机 安装APP提示安装失败 更新包不兼容的解决方法
热门推荐
103style
10-27 3万+
转载请以链接形式标明出处：  http://blog.csdn.net/lxk_1993/article/details/52943855 本文出自:【lxk_1993的博客】；  关于魅族手机安装app提示安装失败，更新包不兼容。 就像这样: Step1: 点开设置  点击指纹和安全。 Step2:   点击访客模式
android apk安装包 华为提示安装包无效或与操作系统不兼容，魅族提示apk仅为测试版，要求下载正式版安装
suwenlai的博客
05-29 2万+
原文链接 最近遇到了好几次这种提示 不是直接跑到手机上的 是通过扫码下载 安装包安装的 提示安装包无效或与操作系统不兼容，魅族提示apk仅为测试版，要求下载正式版安装 发现是studio3.0之后的instantrun功能引起的，直接点击绿色箭头按钮生成的apk都是不完整的，也就是魅族指的测试版，并且这个apk的路径在app\build\intermediates\instant...
Android仿微信QQ设置图形头像裁剪功能
01-03
最近在做毕业设计，想有一个功能和QQ一样可以裁剪头像并设置圆形头像，额，这是设计狮的一种潮流。 而纵观现在主流的APP，只要有用户系统这个功能，这个需求一般都是在（bu）劫（de）难(bu)逃(xue)！ 图片裁剪实现...
Android 仿微信 头像裁剪
12-04
android 仿微信头像裁剪，中间的裁剪框 是圆形或者方形，支持手势双击缩放，多手指移动缩放，移动图片
android 实现仿微信通讯录
11-20
android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android ...
Android安卓仿微信最新版源码 微信APP源码.zip
10-20
Android安卓仿微信最新版源码 微信APP源码
该安装包不适配当前高性能处理器 请使用 64 位安装包
最新发布
司马懿的西山居
04-30 884
最后在贴吧上发现答案：https://tieba.baidu.com/p/8773132859。网友反馈，小米14也是骁龙8gen3，但是可以。后面有网友爆料说：小米直接虚拟机跑的，难怪！该安装包不适配当前高性能处理器 请使用 64 位安装包。查了下，网上也有人反馈该问题。
仿淘宝android项目
12-23
这是一个完整的仿淘宝Android项目，在eclipe打开即可使用，界面和淘宝几乎一样，大家可以参考下，代码质量绝对可靠。
Android 仿抖音的评论列表的UI和效果的实现代码
08-27
抖音是一款音乐创意短视频社交软件，此app已在android各大应用商店和app store 上线。下面小编给大家带来了Android 仿抖音的评论列表的UI和效果的实现代码，感兴趣的朋友参考下吧
Android仿大众点评源码
01-16
Android仿大众点评源码，里面界面功能很全，供大家学习
Android-仿B站Android端项目
08-13
一款基于 MVP RxJava2 Retrofit Dagger2 Butterknife Fresco MultitypeAdapter MD 的仿 B 站设计风格客户端
android仿淘宝界面
10-18
android仿淘宝界面，只实现了界面，没有其它相关的功能，请原谅。
android中apk更新机制
嘿，你的益达。
06-02 1124
package com.myty.com; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.MalformedURLExce
Android仿QQ个人界面，抽屉布局 NavigationView使用详解
紫微星的博客
07-05 1287
Android仿QQ个人界面，抽屉布局 NavigationView使用详解
Android studio心得——用fragment仿微信APP
2301_77275933的博客
06-20 1887
在Android Studio的学习过程中，我获得了丰富的知识、技能和经验。fragment是一种控制器对象，activity可委派它完成一些任务，通常这些任务就是管理用户界面，受管理的用户界面可以是一整屏或是整屏的一部分，管理用户界面的fragment又称Ul fragment 它也有自己的布局文件视图，fragment视图包含了用户可以交互的可视化的UI元素，activity视图含有可供fragment视图插入的位置，如果有多个fragment要插入,activity视图也可以提供多个位置。
Android高仿微信
09-13
Android高仿微信是指开发一个功能上与微信相似的Android应用。这个应用可以包含微信的基本功能，例如注册登录、添加好友、发送消息、分享图片和视频等。实现高仿微信的关键在于了解微信的UI布局和交互逻辑，并在开发中使用类似的设计和实现方式。同时，还需要使用类似的后端技术来支持用户数据存储和消息传输等功能。开发高仿微信需要熟悉Android开发框架，以及相关的第三方库和技术。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值