工作内容:
1.ScrollView和HorizontalScrollView的讲解:【内容溢出——在最外层使用ScrollView/HorzontalScrollView来添加一个滚动条,滚动显示】ScrollView中的单一控件或布局控件可以使用layout_gravity来设置控件在ScrollView中的布局位置(演示效果:可以上下左右滑动——宽度大于可现实最大宽度HorizontalScrollView)
注意点:横向和竖向都应该和LinearLayout的orientation联合使用:
ScrollView——orientation="vertical" 竖向滚动
HorzontalScrollView——orientation="horzontalScrollView" 横向滚动
例子;
<!--横向滚动条-->
<HorizontalScrollView<span style="white-space:pre"> </span><!--与子布局(LinearLayout的orientation)同时使用-->
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:overScrollMode="always"
>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_gravity="center_vertical"
android:orientation="horizontal"
android:background="@color/colorAccent"></LinearLayout>
</HorizontalScrollView>
2.LinearLayout布局的嵌套使用
3.Margin:外边距的使用【不会让控件的宽高发生变化】会占用父布局宽高【点击控件宽高范围内有效,margin区无效】
4.Padding:内边距的使用【不会让控件的宽高发生变化】先占用内容区之外的区域,之后再占用内容区域
5.Gravity:left|center设置内容在容器的左中
6.Weight/weightSum:weight只权重——【用于LinearLayout】当前view占父布局的weightSum的宽度,长度=weight/weightSum
注意:组件需用/>扩回,<LinearLayout ...></LinearLayout>
盒模型:
实例:
<!--计算器的的布局-->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="7"
android:orientation="vertical" >
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|left"
android:layout_weight="1"
android:id="@+id/text_old"
android:paddingLeft="5dp"
android:textSize="20sp"
android:textColor="#000"
android:text="0" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_vertical|left"
android:layout_weight="1"
android:id="@+id/text_new"
android:paddingLeft="5dp"
android:textSize="20sp"
android:textColor="#000"
android:maxLines="1"
android:text="0" />
<TextView
android:layout_width="40dp"
android:layout_height="wrap_content"
android:gravity="center_vertical|right"
android:id="@+id/text_symbol"
android:paddingLeft="5dp"
android:textSize="20sp"
android:textColor="#000"
/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal" >
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_7"
android:text="7"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_8"
android:text="8"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_9"
android:text="9"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_add"
android:text="+"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal" >
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_4"
android:text="4"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_5"
android:text="5"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_6"
android:text="6"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_cut"
android:text="-"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal" >
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_1"
android:text="1"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_2"
android:text="2"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_3"
android:text="3"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_mul"
android:text="*"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal" >
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_0"
android:text="0"
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_spot"
android:text="."
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_get"
android:text="="
/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/btn_except"
android:text="/"
/>
</LinearLayout>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:id="@+id/btn_clear"
android:text="清空"
/>
</LinearLayout>