19软件工程Android常用布局

发布于:2021-10-25 11:08:48

Android常用布局
环境问题


先把gradle.zip下载下来
放在这个目录
C:UsersAdministrator.gradlewrapperdistsgradle-6.5-bin6nifqtx7604sqp1q6g8wikw7p


6nifqtx7604sqp1q6g8wikw7p每个人不一样


遇到问题 去百度



线性布局

1 方向
android:orientation=“vertical”
2.子组件重心
android:gravity=“center_horizontal|bottom”


格式化代码

菜单 --code?reformat code
快捷键 CTRL+SHIFT+L


颜色

#F00 三位16进制 分别代表红绿蓝
#FF0000 六位 每两位代表一种颜色
#FFFF0000 八位 最前面两位代表透明度
在res color.xml中定义一种颜色 之后使用@color/name
使用安装系统定好的颜色

-如果是水*方向 注意子组件的宽度不要写成match_parent
-如果是垂直方向 注意子组件的高度不要写成match_parent






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:orientation="vertical"
tools:context=".MainActivity">

android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#33FF0000"
android:orientation="horizontal">
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:background="#FF0000"/>

android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:background="#00FF00"/>

android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:background="#0000FF"/>


android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#330000FF"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#FF0000"/>
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#00FF00"/>
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#0000FF"/>







相对布局

1、三个center


水* android:layout_centerHorizontal="true"
垂直 android:layout_centerVertical="true"
居中 android:layout_centerInParent="true"

2、对齐


3、对齐和居中进行组合






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">

android:layout_centerInParent="true"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="center"
android:gravity="center"
android:background="@color/colorPrimary"
android:id="@+id/tv_center"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="1"
android:gravity="center"
android:background="@color/colorAccent"
android:layout_toRightOf="@id/tv_center"
android:layout_above="@id/tv_center"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="2"
android:gravity="center"
android:background="@color/colorAccent"
android:layout_toLeftOf="@id/tv_center"
android:layout_below="@id/tv_center"/>

android:layout_width="50dp"
android:layout_height="50dp"
android:text="3"
android:gravity="center"
android:background="@color/colorAccent"
android:layout_alignRight="@id/tv_center"/>

android:layout_width="50dp"
android:layout_height="100dp"
android:text="4"
android:gravity="center"
android:background="@color/colorAccent"
android:layout_alignTop="@id/tv_center"
android:layout_toRightOf="@id/tv_center"/>



练*



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">

android:layout_centerInParent="true"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="1"
android:gravity="center"
android:background="@color/colorPrimary"
android:id="@+id/tv_1"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="2"
android:gravity="center"
android:background="#F44336"
android:id="@+id/tv_2"
android:layout_toRightOf="@id/tv_1"
android:layout_above="@id/tv_1"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="3"
android:gravity="center"
android:background="#F44336"
android:id="@+id/tv_3"
android:layout_toLeftOf="@id/tv_1"
android:layout_below="@id/tv_1"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="4"
android:gravity="center"
android:background="#3F51B5"
android:id="@+id/tv_4"
android:layout_alignRight="@id/tv_2"
android:layout_below="@id/tv_3"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="5"
android:gravity="center"
android:background="#3F51B5"
android:id="@+id/tv_5"
android:layout_below="@id/tv_4"
android:layout_centerHorizontal="true"/>


android:layout_width="100dp"
android:layout_height="50dp"
android:text="6"
android:gravity="center"
android:background="#FF9800"
android:id="@+id/tv_6"
android:layout_above="@id/tv_2"
android:layout_alignLeft="@id/tv_3"/>

android:layout_width="100dp"
android:layout_height="50dp"
android:text="7"
android:gravity="center"
android:background="#8BC34A"
android:id="@+id/tv_7"
android:layout_alignRight="@id/tv_4"/>







约束布局


约束布局练*


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">

android:id="@+id/tv_1"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="@color/colorPrimary"
android:text="1"
android:textColor="@color/colorAccent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
/>

android:id="@+id/tv_2"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="@color/colorAccent"
android:text="2"
android:textColor="@color/colorAccent"
app:layout_constraintLeft_toRightOf="@id/tv_1"
app:layout_constraintBottom_toTopOf="@id/tv_1"
/>

android:id="@+id/tv_3"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="#FF0000"
android:text="3"
android:textColor="@color/colorAccent"
app:layout_constraintRight_toLeftOf="@id/tv_1"
app:layout_constraintTop_toBottomOf="@id/tv_1"
/>

android:id="@+id/tv_4"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="#FFC107"
android:text="4"
android:textColor="@color/colorAccent"
app:layout_constraintTop_toBottomOf="@id/tv_3"
app:layout_constraintRight_toRightOf="@id/tv_2"
/>
android:id="@+id/tv_5"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="#FF5722"
android:text="5"
android:textColor="@color/colorAccent"
app:layout_constraintTop_toBottomOf="@id/tv_4"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
/>
android:id="@+id/tv_6"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="#FF5722"
android:text="6"
android:textColor="@color/colorAccent"
app:layout_constraintLeft_toLeftOf="@id/tv_3"
app:layout_constraintBottom_toTopOf="@id/tv_2"
/>

android:id="@+id/tv_7"
android:gravity="center"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:background="#FF5722"
android:text="7"
android:textColor="@color/colorAccent"
app:layout_constraintRight_toRightOf="@id/tv_4"
app:layout_constraintTop_toTopOf="parent"
/>


相关推荐

最新更新

猜你喜欢