Android布局中实现圆角边框
来源:互联网 发布:网络热播电视剧排行榜 编辑:程序博客网 时间:2024/05/16 05:32
设置corners_bg.xml
设置边框圆角可以在drawable-mdpi目录里定义一个xml:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#FFFFFF" /> <corners android:topLeftRadius="10dp" android:topRightRadius="10dp" android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"/> </shape>解释:
solid的表示填充颜色,为了简单,这里用的是白色。
而corners则是表示圆角,注意的是这里bottomRightRadius是左下角而不是右下角,bottomLeftRadius右下角。
上面的效果也可以像下面一样设置,如下:
<corners android:radius="5dp" />
引用corners_bg.xml
如果想引用这个xml,只需要@drawable/corners_bg.xml即可:
android:background="@drawable/corners_bg"
应用范例
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#E1E0DE" android:orientation="vertical" > <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="50dp" android:background="#2B3439" android:gravity="center" android:text="发现" android:textColor="#FFFFFF" android:textSize="20sp" /> <LinearLayout android:id="@+id/login_div" android:layout_width="fill_parent" android:layout_height="50dp" android:layout_margin="10dp" android:background="@drawable/corners_bg" android:gravity="center_vertical" android:padding="10dp" > <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/find_more_friend_photograph_icon" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="朋友圈" android:textColor="#000" android:textSize="18sp" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="101dp" android:layout_margin="10dp" android:background="@drawable/corners_bg" android:orientation="vertical" android:padding="10dp" > <LinearLayout android:layout_width="wrap_content" android:layout_height="50dp" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/find_more_friend_scan" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="扫一扫" android:textColor="#000" android:textSize="18sp" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="50dp" android:layout_centerVertical="true" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/come_from_shake" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="摇一摇" android:textColor="#000" android:textSize="18sp" /> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="101dp" android:layout_margin="10dp" android:background="@drawable/corners_bg" android:orientation="vertical" android:padding="10dp" > <LinearLayout android:layout_width="wrap_content" android:layout_height="50dp" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/find_more_friend_near_icon" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="附近的人" android:textColor="#000" android:textSize="18sp" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="50dp" android:layout_centerVertical="true" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/come_from_bottle" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="漂流瓶" android:textColor="#000" android:textSize="18sp" /> </LinearLayout> </LinearLayout> <LinearLayout android:id="@+id/login_div" android:layout_width="fill_parent" android:layout_height="50dp" android:layout_margin="10dp" android:background="@drawable/corners_bg" android:gravity="center_vertical" android:padding="10dp" > <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/more_game" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="14dp" android:text="游戏中心" android:textColor="#000" android:textSize="18sp" /> </LinearLayout></LinearLayout>
效果图
来自:http://blog.csdn.net/jueblog/article/details/11857479
0 0
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- Android布局中实现圆角边框
- 【Android】Android布局中实现圆角边框
- 【Android】Android布局中实现圆角边框
- 【Android】Android布局中实现圆角边框
- 【Android】Android布局中实现圆角边框
- 【Android】Android布局中实现圆角边框
- Android布局中实现仿微信的圆角边框
- CSS写箭头
- RedHat Enterprise 7.2(RHEL7)安装Oracle 12.X报compat-libstdc++包的解决办法
- mysql 父类子类查询
- 微软2016校园招聘:#1239 : Fibonacci
- 小记——linux目录
- Android布局中实现圆角边框
- ListView 或是 GridView中。Canvas: trying to use a recycled bitmap 异常
- 【转】 java 运算符优先级
- 《统计学习方法》学习笔记--k近邻法及常用的距离(or 相似度)度量
- 纯代码封装自定义View和XIB封装自定义View的区别
- float类型在内存中的存储
- 关于React Native 网络请求以及变量赋值的问题
- 用SugarORM快速开发需要同步和保存大量数据的Android互联网客户端
- Android自定义类似ProgressDialog效果的Dialog