最近写了一个修改头像功能的UI，布局参考了QQ目前的修改头像界面。如下图 这里主要说明一下两个地方的技术：1.头像图片上层的遮罩层，圆形外部为灰色，内部为全透明；2.上传图片宽高比例可以通过鼠标拖拽移动图片显示并通过…

前言 现在的APP基本都有个人资料的填写，基本的都有头像的选择，支持拍照和从本地相册选择，剪切圆形头像的功能，现在用个小demo实现以下。 下面看一下效果图 上代码： 主界面代码 package com.example.androidpersonal_icon;import android.os.Bundle; import android.os…

随着互联网的发展，各种社交软件也在不断地更新迭代，头像可以说是社交软件中尤其重要的一个设计。在UI设计中，经常可以在消息列表、个人中心/主页、会员服务、评价、排行榜等功能版块。不论是真实社交、虚拟网络，甚至跟社交毫不沾边…

https://www.uisdc.com/rounded-rectangle-to-design-trends 图形是产品设计中被讨论得最多的元素之一。视觉设计师使用不同形状的图形来表达事物的多样性；交互设计师选择不同形状的图形，解决用户在某场景下的诉求问题。其中争议最大，且被更…

1.项目背景： 很多项目中用到的头像都是圆头像，圆头像使界面看起来更具有美感，比如QQ在整个应用中使用的就是圆头像。基本上每个应用都有上传头像的功能，在上传头像的时候需要对图片裁剪。虽然截取出来的图片实际上都是方图，但是在裁剪的时候如果能直观的让用户看到裁剪以…

前言 现在的APP基本都有个人资料的填写，基本的都有头像的选择，支持拍照和从本地相册选择，剪切圆形头像的功能，现在用个小demo实现以下。 下面看一下效果图 上代码： 主界面代码 package com.example.androidpersonal_ic…

最近参加小挑战杯，我们队的产品也地图有关，其中有个需求就是在地图上显示当前发布任务的用户的头像，而且头像圆形显示，咋一看，没啥太多难度，可其中遇到各种问题，多线程同步，异步加载…

需求：现有200*200像素JPG图片，需制作成129*129像素的PNG圆角头像。 两种方案。 方案1：直接将JPG图片，利用灰度图mask，叠加得到圆角PNG。 优势：方便，不需动手P个透明模板底图。 缺点：圆角锯齿非常明显，不能用于高清图，与PS使用剪切蒙版制作的圆角相比，锯齿明显。…