每日一篇学习笔记 直到我做完专题 :( [Day3]

又来到学习的时刻今天学习四种常用的布局

LinerLayout的练习

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:textSize="17sp"
android:textColor="@color/black"
android:text="横排第1个">
</TextView>

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:textSize="17sp"
android:textColor="@color/black"
android:text="横排第2个">
</TextView>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="竖排第一个"
android:textSize="17sp"
android:textColor="@color/black">

</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="竖排第二个"
android:textSize="17sp"
android:textColor="@color/black">

</TextView>

</LinearLayout>
</LinearLayout>

RelativeLayout的练习

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="150dp"
tools:context=".RelativeLayoutActivity">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在中间"
android:textSize="11sp"
android:layout_centerInParent="true"
android:id="@+id/tv_center">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在水平中间"
android:textSize="11sp"
android:layout_centerHorizontal="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在垂直中间"
android:textSize="11sp"
android:layout_centerVertical="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在上级左边对齐"
android:textSize="11sp"
android:layout_alignParentLeft="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在上级右边对齐"
android:textSize="11sp"
android:layout_alignParentRight="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在上级顶部对齐"
android:textSize="11sp"
android:layout_alignParentTop="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在上级底部对齐"
android:textSize="11sp"
android:layout_alignParentBottom="true">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在中间左边"
android:textSize="11sp"
android:layout_toLeftOf="@id/tv_center"
android:layout_alignTop="@id/tv_center">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在中间右边"
android:textSize="11sp"
android:layout_toRightOf="@id/tv_center"
android:layout_alignBottom="@id/tv_center">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在中间上面"
android:textSize="11sp"
android:layout_above="@id/tv_center"
android:layout_alignLeft="@id/tv_center">
</TextView>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="我在中间下面"
android:textSize="11sp"
android:layout_above="@id/tv_center"
android:layout_alignLeft="@id/tv_center">
</TextView>

</RelativeLayout>

GridLayout的练习

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".GridLayoutActivity"
android:columnCount="2"
android:rowCount="2">

<TextView
android:layout_width="0dp"
android:layout_columnWeight="1"
android:layout_height="60dp"
android:background="#ffcccc"
android:text="浅红色"
android:textColor="@color/black"
android:textSize="17sp"
android:gravity="center">
</TextView>

<TextView
android:layout_width="0dp"
android:layout_height="60dp"
android:layout_columnWeight="1"
android:background="#ffaa00"
android:text="橙色"
android:textColor="@color/black"
android:textSize="17sp"
android:gravity="center">
</TextView>

<TextView
android:layout_width="0dp"
android:layout_height="60dp"
android:layout_columnWeight="1"
android:background="#00ff00"
android:text="绿色"
android:textColor="@color/black"
android:textSize="17sp"
android:gravity="center">
</TextView>

<TextView
android:layout_width="0dp"
android:layout_height="60dp"
android:layout_columnWeight="1"
android:background="#660066"
android:text="深紫色"
android:textColor="@color/black"
android:textSize="17sp"
android:gravity="center">
</TextView>

</GridLayout>

ScrollView的练习

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context=".ScrollViewActivity"
android:orientation="vertical">

<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="200dp">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">

<View
android:layout_width="300dp"
android:layout_height="match_parent"
android:background="#aaffff">
</View>

<View
android:layout_width="300dp"
android:layout_height="match_parent"
android:background="#ffff00">
</View>

</LinearLayout>

</HorizontalScrollView>

<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<View
android:layout_width="match_parent"
android:layout_height="400dp"
android:background="#00ff00">
</View>

<View
android:layout_width="match_parent"
android:layout_height="400dp"
android:background="#ffffaa">
</View>
</LinearLayout>
</ScrollView>

</LinearLayout>

各种布局的练习