Android(安卓)百分比布局
16lz
2021-12-04
看到一片博客关于android的百分比布局,自己动手写了一下,效果还可以。 博客地址: http://blog.csdn.net/lmj623565791/article/details/46767825
1、在APP - build.gradle中 添加如下代码
2、布局示例 <RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: tools = "http://schemas.android.com/tools"
android :layout_width= "match_parent"
android :layout_height= "match_parent"
tools :context= ".MainActivity" >
<android.support.percent.PercentRelativeLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: app = "http://schemas.android.com/apk/res-auto"
android :layout_width= "match_parent"
android :layout_height= "200dip" >
<View
android :id= "@+id/top_left"
android :layout_width= "0dp"
android :layout_height= "0dp"
android :layout_alignParentTop= "true"
android :background= "#ff0000"
app :layout_heightPercent= "30%"
app :layout_widthPercent= "70%" />
<View
android :id= "@+id/top_right"
android :layout_width= "0dp"
android :layout_height= "0dp"
android :layout_alignParentTop= "true"
android :layout_toRightOf= "@+id/top_left"
android :background= "#00ff00"
app :layout_heightPercent= "30%"
app :layout_widthPercent= "30%" />
<View
android :id= "@+id/centre"
android :layout_width= "match_parent"
android :layout_height= "0dp"
android :layout_below= "@+id/top_left"
android :background= "#0000ff"
app :layout_marginLeftPercent= "10%"
app :layout_marginRightPercent= "20%"
app :layout_marginTopPercent= "10%"
app :layout_marginBottomPercent= "10%"
app :layout_heightPercent= "40%" />
<View
android :layout_width= "match_parent"
android :layout_height= "0dp"
android :id= "@+id/bottom"
android :layout_below= "@+id/centre"
android :background= "#00f0ff"
android :layout_alignParentLeft= "true"
android :layout_alignParentStart= "true"
app :layout_heightPercent= "10%" />
</android.support.percent.PercentRelativeLayout>
</RelativeLayout>
3、效果图
1、在APP - build.gradle中 添加如下代码
2、布局示例 <RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: tools = "http://schemas.android.com/tools"
android :layout_width= "match_parent"
android :layout_height= "match_parent"
tools :context= ".MainActivity" >
<android.support.percent.PercentRelativeLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: app = "http://schemas.android.com/apk/res-auto"
android :layout_width= "match_parent"
android :layout_height= "200dip" >
<View
android :id= "@+id/top_left"
android :layout_width= "0dp"
android :layout_height= "0dp"
android :layout_alignParentTop= "true"
android :background= "#ff0000"
app :layout_heightPercent= "30%"
app :layout_widthPercent= "70%" />
<View
android :id= "@+id/top_right"
android :layout_width= "0dp"
android :layout_height= "0dp"
android :layout_alignParentTop= "true"
android :layout_toRightOf= "@+id/top_left"
android :background= "#00ff00"
app :layout_heightPercent= "30%"
app :layout_widthPercent= "30%" />
<View
android :id= "@+id/centre"
android :layout_width= "match_parent"
android :layout_height= "0dp"
android :layout_below= "@+id/top_left"
android :background= "#0000ff"
app :layout_marginLeftPercent= "10%"
app :layout_marginRightPercent= "20%"
app :layout_marginTopPercent= "10%"
app :layout_marginBottomPercent= "10%"
app :layout_heightPercent= "40%" />
<View
android :layout_width= "match_parent"
android :layout_height= "0dp"
android :id= "@+id/bottom"
android :layout_below= "@+id/centre"
android :background= "#00f0ff"
android :layout_alignParentLeft= "true"
android :layout_alignParentStart= "true"
app :layout_heightPercent= "10%" />
</android.support.percent.PercentRelativeLayout>
</RelativeLayout>
3、效果图
更多相关文章
- Android中话bitmap的简单示例
- Android常用命令总结
- Android中话bitmap的简单示例
- Android(安卓)ApiDemos示例解析(90):OS->Sensors
- Android(安卓)Platform 3.0 SDK和Eclipse ADT安装记录三
- Android(安卓)ApiDemos示例解析(83):Graphics->Typefaces
- Android(安卓)Studio开发JNI - 第一个JNI程序
- 在 Eclipse 中导入 Android(安卓)示例程序
- Android异步加载图片