Android Studio 控件的百分比布局

• 在安卓開發控件的百分比布局學習中，由於我參考的是第一行代碼中的資源，其中的Android studio版本過低，導致的一些錯誤，花了好長時間來解決它。這里我用的是Android studio 3.5.3

 

 

 首先是依賴的添加，由於我使用的版本相比參考書中的高，Android studio中已經不支持在compile，所以我在模塊級build.gradle添加如下的依賴：

 

implementation 'androidx.percentlayout:percentlayout:1.0.0'

 

 

 

dependencies {
    implementation 'androidx.percentlayout:percentlayout:1.0.0'
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
}

 

 后面就是對layout中的 *.xml 文件進行修改，這里的話百分比布局中分 PercentRelativeLayout 和 PercentFrameLayout 兩種我采用的是PercentRelativeLayout，代碼如下

 

<androidx.percentlayout.widget.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="match_parent">

    <TextView
        android:id="@+id/row_one_item_one"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:background="#7700ff00"
        android:text="w:70%,h:20%"
        android:gravity="center"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="70%"/>

    <TextView
        android:id="@+id/row_one_item_two"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_toRightOf="@+id/row_one_item_one"
        android:background="#396190"
        android:text="w:30%,h:20%"
        app:layout_heightPercent="20%"
        android:gravity="center"
        app:layout_widthPercent="30%"/>


    <ImageView
        android:id="@+id/row_two_item_one"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:src="@drawable/img_1"
        android:scaleType="centerCrop"
        android:layout_below="@+id/row_one_item_one"
        android:background="#d89695"
        app:layout_heightPercent="70%"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_below="@id/row_two_item_one"
        android:background="#770000ff"
        android:gravity="center"
        android:text="width:100%,height:10%"
        app:layout_heightPercent="10%"
        app:layout_widthPercent="100%"/>


</androidx.percentlayout.widget.PercentRelativeLayout>

 

 

 

 

這里我參照了一位博友的博客

http://blog.csdn.net/lmj623565791/article/details/46695347；

想了解其中的源碼分析可以參考這個博客。