相對佈局及網格佈局相關示例
阿新 • • 發佈:2018-11-29
RelativeLayout相對佈局
關鍵使用:控制元件id的設定
相對佈局實現小五角示例
layout佈局程式碼
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <Button android:id="@+id/btn_main_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按鈕1"/> <Button android:id="@+id/btn_main_2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/btn_main_1" android:layout_toRightOf="@id/btn_main_1" android:text="按鈕2" /> <Button android:id="@+id/btn_main_3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按鈕3" android:layout_toRightOf="@id/btn_main_2"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/btn_main_2" android:layout_toLeftOf="@id/btn_main_2" android:text="按鈕4" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按鈕5" android:layout_below="@id/btn_main_2" android:layout_toRightOf="@id/btn_main_2"/> </RelativeLayout>
效果圖
GridLayout網格佈局
關鍵使用:rowCount(行數)columnCount(列數)
網格佈局實現超簡陋計算器
layout佈局程式碼
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:rowCount="5" android:columnCount="4" tools:context=".MainActivity"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="/"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="4" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="5"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="6"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="*"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="7"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="8"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="9"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="-"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_columnSpan="2" android:layout_gravity="fill_horizontal" android:text="0"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="."/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_rowSpan="2" android:layout_gravity="fill_vertical" android:text="+"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_columnSpan="3" android:layout_gravity="fill_horizontal" android:text="="/> <Space /> </GridLayout>