<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent">
<TextView android:id="@+id/text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="24sp"
android:textColor="#00ff00"
android:text="This is TextView"/>
</LinearLayout>
属性
android:id
android:layout_width
android:layout_height
android:gravity
android:textSize
android:textColor
android:text
设置控件主键
跟前端一样,每个控件如果需要操控,可以给个 id, 写法上:
android:id=”@+id/text_view” 其中看到 “@+id” 就知道这新建id,”text_view” 此时 id 的名字。
设置控件宽高属性
最外层 LinearLayout 控件最外层容器,可以看到它有两个属性:
android:layout-width 设置最外层容器的宽度;
android:layout-height 设置最外层容器的高度。
它们的值可以设置以下两个:
match_parent 长度和父级元素一样;
wrap_content 长度仅仅包裹住内容;
LinearLayout 的宽度和高度都设置为 match_parent,也就是和手机屏幕的宽和高是一样的。
宽高的值 match_parent 和 wrap_content 有什么区别?
TextView 控件是 LinearLayout 控件的子空间。�可以看到 TextView 宽度设置为 match_parent,也就是和它的父级容器 LinearLayout 宽度是一样的;TextView 高度设置为 wrap_content,wrap 中文意思为包裹,即它的高度刚刚好包裹住它的内容。
<TextView android:id="@+id/text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
........
<TextView android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
........
可以看到,将它的宽度也设置为 wrap_content,TextView 的宽度也就仅仅能包裹住它的内容。
设置控件对齐方式
如果 TextView 的宽度和高度都设置为 wrap_content,那么久谈不上它的对齐方式。
<TextView android:id="@+id/text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="left"
上面 TextView 宽度和父级容器一样,即屏幕宽度,高度为 wrap_content,跟它的内容一样高。
android:gravity 属性设置文字在 TextView 控件内的对齐方式,如下设置文字居左显示,还可以设置为 center、right。
设置控件字体大小和颜色
android:textSize 字体大小,单位 sp,跟前端里的 px 一样。
android:textColor 字体颜色
设置控件背景颜色
- android:background