1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_height="match_parent"
  3. android:layout_width="match_parent">
  4. <TextView android:id="@+id/text_view"
  5. android:layout_width="match_parent"
  6. android:layout_height="wrap_content"
  7. android:gravity="center"
  8. android:textSize="24sp"
  9. android:textColor="#00ff00"
  10. android:text="This is TextView"/>
  11. </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 中文意思为包裹,即它的高度刚刚好包裹住它的内容。

  1. <TextView android:id="@+id/text_view"
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. ........

TextView - 图1

  1. <TextView android:id="@+id/text_view"
  2. android:layout_width="wrap_content"
  3. android:layout_height="wrap_content"
  4. ........

可以看到,将它的宽度也设置为 wrap_content,TextView 的宽度也就仅仅能包裹住它的内容。

TextView - 图2

设置控件对齐方式

如果 TextView 的宽度和高度都设置为 wrap_content,那么久谈不上它的对齐方式。

  1. <TextView android:id="@+id/text_view"
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. android:gravity="left"

上面 TextView 宽度和父级容器一样,即屏幕宽度,高度为 wrap_content,跟它的内容一样高。

android:gravity 属性设置文字在 TextView 控件内的对齐方式,如下设置文字居左显示,还可以设置为 center、right。

TextView - 图3

设置控件字体大小和颜色

  • android:textSize 字体大小,单位 sp,跟前端里的 px 一样。

  • android:textColor 字体颜色

设置控件背景颜色

  • android:background

圆角?

字体超出控件宽度如何处理?