当前位置:首页 » 安卓系统 » android半圆角矩形

android半圆角矩形

发布时间: 2023-11-15 21:00:01

A. 如何使用 Photoshop CS5 绘制一个 Android 矩形图标

使用PS创建安卓图标

1.创建画板,500*500像素,分辨率72,参数如下图。

B. Android 圆角、圆形 ImageView 实现

我们要实现的图片控件继承自 AppCompatImageView ,它是 ImageView 的子类,但提供了更好的兼容性,我们在此基础上添加了若干自定义的属性和方法以实现最终的 NiceImageView :

要实圆角或者圆形的显示效果,就是对图片显示的内容区域进行“裁剪”,只显示指定的区域即可。如何做呢?

一种比较直接的办法是这样的,由于图片是被绘制在画布上的,所以用 canvas 的 clipPath() 方法先将画布裁剪成指定形状,这样就能让图片按指定形状显示了,重新 draw() 方法即可:

这样使用 src 、 background 属性给ImageView设置显示的图片都能达到预期的显示效果。但是由于 clipPath() 方法不支持抗锯齿,图片边缘会有明显的毛糙感,体验并不理想,所以需要寻找其它方法。

另一种方法是使用图像的 Alpha 合成模式 ,即
PorterDuff 来实现, 官方文档 。这里我们使用其中的 DST_IN 模式。整个过程就是先绘制目标图像,也就是图片;再绘制原图像,即一个圆角矩形或者圆形,这样最终目标图像只显示和原图像重合的区域。

到这里就实现了显示为圆角或者圆形了。但是需要通过 src 属性或者对应的方法来设置图片,否则不能达到预期效果。

绘制边框就相对容易理解了,只需要绘制一个指定样式的圆角矩形或者圆形即可:

当图片显示为圆形时,还可以绘制一个内边框,但圆角矩形的话由于圆角大小的问题,目前只能设置一个边框咯。

但是有个问题,绘制的边框会覆盖在图片上,如果边框太宽会导致图片的可见区域变小了,影像显示效果,像这样,左下角的花盆不见了:

那么如何让边框不覆盖在图片上呢?可以在 Alpha 合成绘制前先将画布缩小一定比例,最后再绘制边框,这样问题就解决了。

缩放后的ImageView显示区域的宽高就是原宽、高分别减去2倍的边框宽度,这样缩小的比例也就显而易见了。效果如下,左下角的花盆出来了:

遮罩可以理解为一层带透明度的颜色,遮罩默认不绘制,当制定了遮罩颜色时才会绘制,实现很简单:

例如加一个透明度30%的红色遮罩后的效果:

核心的实现逻辑就这些了,剩下的就是自定义属性和方法了,有兴趣的可以看源码,都很简单,希望对你有所帮助吧!

更多细节及用法见GitHub: https://github.com/SheHuan/NiceImageView

如果你需要实现类似钉钉的圆形组合头像,例如:

C. Android12正式发布,与之前相比做出了哪些改变

Android12正式发布,和之前的Android相比,整体设计更加圆滑,强调视觉色彩,观感更加舒适。这次的更新,也是Android历史上设计变化最大的一个版本。这次的推出虽然大多数用户还没有体验上,但是整体来看大众还是很接受这次的改变。

一:设计更加圆滑

这次的改变我们可以看出,从前的条条框框变得圆滑了,视觉效果的舒适度更加。以往大众都是将Android系统和ios系统拿起来比较,在近年来iOS系统每年都会推出新的系统,受到大众的追捧,谷歌这次更新Android12系统,很多人都是抱有期待的,在我看来,这次的更新还是不错的,但是目前还在测试阶段,大家还是谨慎更新,像iOS系统更新完之后会出现卡顿等问题,目前担心的就是这一次Android12更新后也会出现类似的问题。

除了目前的一些更新,我觉得使用安卓机的用户更想更新的是安卓系统用久了会卡顿的问题,所以希望在以后的更新中,谷歌公司会将这一项列入更新列表。

D. android的圆角矩形按钮button如何实现按下按钮颜色会变

需要定义两个不同颜色的圆角xml布局,selector的drawable引用的就是圆角的xml,最后,布局调用的是selector。

E. 请问安卓app logo设计尺寸比如圆角矩形的像素是多少乘以多少,自己圆角的半径大小谢谢大神!!

那要看你设计什么样的LOGO了,有些需要挺大,有些勉强能看到就行,一般是20*20就够,你可以多做几张不同尺寸的 感觉那张合适就用那张!

F. Android:如下关于绘制圆角矩形边框问题,怎么解决

paint.setAntiAlias(true);

尝试在画笔上设置抗锯齿

G. android怎么画圆角的矩形

如果你是在自定义view的onDraw方法中:

java">RectFrectF=newRectF(100,100,500,500);//先画一个矩形
Paintpaint=newPaint(Paint.ANTI_ALIAS_FLAG);//创建画笔
paint.setColor(R.color.colorAccent);//添加画笔颜色
canvas.drawRoundRect(rectF,30,30,paint);//根据提供的矩形为四个角画弧线,(其中的数字:第一个表示X轴方向大小,第二个Y轴方向大小。可以改成其他的,你可以自己体验),最后添加画笔。

如果你是在布局中直接添加,楼上已经做出方法,我就不举例了。

H. Android studio圆角矩形的布局如何设计

你可以使用shape定义一个圆角矩形,并将其作为布局的背景即可。
圆角矩形的shape代码如下:
//定义四个圆角 文件名shape_round_corner
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ff00" />
<corners android:topLeftRadius="12dp"
android:topRightRadius="12dp"
android:bottomRightRadius="12dp"
android:bottomLeftRadius="12dp"/>
<stroke android:width="1dp" android:color="#ff0" />
</shape>
设置背景代码如下:
<LinearLayout
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:alpha="0.8"
android:background="@drawable/shape_round_corner">
</LinearLayout>

I. 为什么Android 的App 图标慢慢的都开始使用圆角矩形

你说的大部分都是国产app吧,例如哔哩哔哩动画,虽然界面是符合Android Design 的,但是icon依然是iOS风、不符合Android Design 的圆角矩形,不过他们大部分也都是被MIUI带坏的=.=
关于icon的样式,Android Design 的官方文档有详细的介绍,先上原文链接(Iconography | Android Developers)
Use a distinct silhouette. Three-dimensional, front view, with a slight perspective as if viewed from above, so that users perceive some depth.可以看出来,Google 对icon 有以下几个要求:

轮廓鲜明(iOS app 的icon 就是一个反例)
要有立体感 (iOS 再次中枪)
像是从正面斜上一定角度看到的一样,使之看上去有深度(iOS 已经身亡)
综上所述,一切使用圆角矩形图标的Android 应用都是在耍流氓。
============================第二次打分割线=============================
关于Android 应用图标的更多标准,可以参照NovaDNG发表在锋客网上的两篇文章
» 如何设计符合 Android Design 的应用图标 锋客网
» 如何制作一个漂亮的 Android 应用图标 锋客网

热点内容
不支持的压缩算法 发布:2024-11-30 00:44:54 浏览:901
机加工的编程 发布:2024-11-30 00:31:19 浏览:727
坦克世界电脑什么配置 发布:2024-11-30 00:30:41 浏览:317
如何在手机设置上找到网络的密码 发布:2024-11-30 00:18:29 浏览:414
和鹰加密锁 发布:2024-11-30 00:17:17 浏览:556
C语言舞会 发布:2024-11-30 00:15:44 浏览:377
java下载我的世界 发布:2024-11-30 00:11:08 浏览:12
华三配置器升级失败怎么回事 发布:2024-11-30 00:09:23 浏览:842
汽车空调压缩机寿命 发布:2024-11-30 00:06:04 浏览:567
电脑网络波动异常与服务器失去连接 发布:2024-11-29 23:43:19 浏览:247