Android 百分比布局
2015-11-11 12:31
423 查看
看到一片博客关于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、效果图
博客地址: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、效果图
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析
- android searchView的关闭事件
- SourceProvider.getJniDirectories