android百分比支持库使用的一个示例。
运行效果:
使用说明:
1
2
3
|
dependencies {
compile
'com.android.support:percent:22.2.0'
}
|
PercentRelativeLayout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<android.support.percent.PercentRelativeLayout
android:layout_width=
"match_parent"
android:layout_height=
"match_parent"
>
<View
android:id=
"@+id/top_left"
android:layout_width=
"0dp"
android:layout_height=
"0dp"
android:layout_alignParentTop=
"true"
android:background=
"#ff44aacc"
app:layout_heightPercent=
"20%"
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=
"#ffe40000"
app:layout_heightPercent=
"20%"
app:layout_widthPercent=
"30%"
/>
<View
android:id=
"@+id/bottom"
android:layout_width=
"match_parent"
android:layout_height=
"0dp"
android:layout_below=
"@+id/top_left"
android:background=
"#ff00ff22"
app:layout_heightPercent=
"80%"
/>
</android.support.percent.PercentRelativeLayout>
|
PercentFrameLayout
1
2
3
4
5
6
7
|
<android.support.percent.PercentFrameLayout
android:layout_width=
"match_parent"
android:layout_height=
"match_parent"
>
<!-- ... XML CODE -->
</android.support.percent.PercentFrameLayout>
|
Stylable :
- heightPercent
- widthPercent
- marginBottomPercent
- marginEndPercent
- marginLeftPercent
- marginPercent
- marginRightPercent
- marginStartPercent
- marginTopPercent
Pre-requisites
- Android SDK v22
- Android Build Tools v22.0.1
- Android Percent Support Repository v22.2.0
- Android Support v4 Repository v22.2.0