最近做一个效果,要一个上边两个角为圆角,下面两个角为直角的四边形白色背景;
如下图:
这里用到了shape属性中的corners 属性,
api原文中是这样:
<corners
android:radius="integer"
android:topLeftRadius="integer"
android:topRightRadius="integer"
android:bottomLeftRadius="integer"
android:bottomRightRadius="integer" />
单一设置android:radius="integer"时,表示四个角都为integer像素的圆角;
这里我开始的时候这样设置了四个属性
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="0px"
android:bottomRightRadius="0px"/>
结果发现四个角无圆角效果,怎么找都找不到原因;
后来我想到了折中的办法,我这样设置:
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
下面的两个角我都给1个像素的圆角效果,这样在手机上根本看不出来有圆角效果;
做出来的效果如下:
源代码如下:在drawable文件夹下,建whiterounded_half_bg.xml文件,文件内容为:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px" android:bottomLeftRadius="1px"
android:bottomRightRadius="1px"/>
<padding android:left="0dp" android:top="0dp" android:right="0dp"
android:bottom="0dp" />
</shape>
然后在layout文件夹下,相应的页面中相应的位置下使用android:background="@drawable/whiterounded_half_bg"
圆角配置文件
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFFFF" />
<stroke android:width="1dp"
android:color="#CFCFCF" />
<corners android:topLeftRadius="10px"
android:topRightRadius="10px"
android:bottomLeftRadius="10px"
android:bottomRightRadius="10px"/>
<padding android:left="0sp"
android:top="2sp"
android:right="0sp"
android:bottom="2sp" />
</shape>
原文地址:http://zhaohaiyang.blog.51cto.com/2056753/533762
分享到:
相关推荐
首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up...<shape xmlns:android=http://schemas.android.com/apk/res/android> <solid android:color=#0
Android 通用圆角布局,快速实现圆角需求。 之前做项目的时候有圆角相关需求,在网上找了很多方案都不够满意,于是自己做了一个,目前已经使用了一段时间,更新了多个版本,我遇到的问题都进行了修复,并且添加了很...
android圆角卡片式无限轮播,前端的卡片式布局可使用。
android ListView圆角显示的效果
1 问题 实现任意view经过自定义带4圆角或者2圆角的效果 ... * <p>Specialized implementation of {@link Paint}'s * {@link Paint#setXfermode(Xfermode) transfer mode}. Refer to the * docume
快速实现Android图片圆角转换效果源码.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
CardView轻松实现圆角卡片效果
RCImageView 自定义圆角ImageView,带边框效果
android用xml实现圆角,阴影,渐变效果
Android实现iphone圆角ListView和点击的效果 Android实现iphone圆角ListView和点击的效果
android中实现ImageView圆角图片,效果换是不错
在项目中美工提供给我们的图片通常是矩形的,我们如何把矩形的图片做成圆角矩形、椭圆形以其圆形效果的图形显示效果。
在drawable新建两个xml 文件, 这两个 xml文件用shape 实现了圆角效果。 Note: 因为要让用户有按下去的效果体验, 所有要有两套圆角图, 在按下去时候切换 <!-- res/drawable/button_shape_normal.xml --> <...
一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html一个比较美观的圆角Tab选项卡切换效果.html
看了一下项目代码发现是自定义圆角图片View造成的,review 代码发现实现原理很简单。就是如下图绘制出四个黄色的角,盖在图片上就行了。(PS:图画的比较粗糙,大家见谅) 先上代码 package ...
Android中经常会遇到对图片进行二次处理,例如加圆角,或者显示圆形图片 实现的效果图: 方法一: 通过第三方框架Glide实现图片显示有圆角,有三种写法如下: 1.1、第一种实现: RequestOptions options = new ...
android实现的listView圆角效果
Android Studio 实现对话框圆角,毛玻璃模糊效果
实现TextView圆角效果 demo http://blog.csdn.net/love7323315/article/details/7016465
Android实现imageView显示圆角图片、描边图片效果,具体效果请参见运行截图所示。用在你的android APP中,可美化图片,让图片的显示更漂亮。这个例子主要是让大家熟悉imageView控件的用法技巧,除了可以实现圆形图片...