壮心未与年俱老,死去犹能作鬼雄。这篇文章主要讲述Android布局中实现圆角边框相关的知识,希望能为你提供帮助。
设置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的表示填充颜色,为了简单,这里用的是白色。
【Android布局中实现圆角边框】而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="https://www.songbingjia.com/android/@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="https://www.songbingjia.com/android/@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="https://www.songbingjia.com/android/@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="https://www.songbingjia.com/android/@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="https://www.songbingjia.com/android/@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="https://www.songbingjia.com/android/@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>
效果图
文章图片
推荐阅读
- [转]Android中Xposed框架篇—利用Xposed框架实现拦截系统方法
- Android 沉浸式状态栏及悬浮效果
- 学习Android的CH01
- android学习笔记--RxJava
- Android程序员眼中世界上最遥远的距离
- 操作系统试题解析和答案解读|S6
- 操作系统试题介绍和解读|S5
- 操作系统试题分享和答案解释|S4
- 操作系统试题和面试题分享|S3