TextView和ImageView

XML

XML指可扩展标记语言(EXtensible Markup Language),是一种标记语言,其设计宗旨是传输数据,而非显示数据。XML 标签没有被预定义,需要自行定义标签。

XML的语法

  1. 在XML中,所有元素都必须有关闭标签;
    打开和关闭标签有以下两种方法:


    TextView和ImageView_第1张图片
  2. 标签中有许多属性,这些属性决定了View的行为外观

  3. 标签对大小写敏感

View

Android中的View是屏幕上用来展示内容的长方形,可以是TextView,ImageView,Button等等。所有这些的View和起来组成屏幕的Layout(布局)。

View的属性

**android:id **在Android中,每个View都有唯一的id,此id用于识别View。

**android:layout_width **决定每个View的宽度,可以使用wrap_content和match_parent,当然,也可以指定具体的数值,如android:layout_height=”10dp”。

**android:layout_height **决定每个View的高度,可以使用wrap_content和match_parent,当然,也可以指定具体的数值,如android:layout_height=”10dp”。

**android:background **用于设置View的背景颜色,接受16进制字符,例:#FF4081,#是不可少的。

View的值

**wrap_content: **使View的大小刚好能展示View中的内容。

**match_parent: **使View的大小和父容器一样大。

**dp: **device independent pixels,与像素无关的单位。

**sp: **与dp类似,主要用于设置字体大小。

View的分类

TextView

TextView用于显示文字

android:text

  1. 设置显示的文字内容,可以这样写:

android:text="Hello World!"

直接将文字写在""里面。

  1. 也可以这样写:

android:text="@string/hello_world"

在string里定义一个名为helllo_world的变量,这样显示的文字就是helllo_world的值。

android:textSize

设置字体的大小,如 android:textSize="30sp"

android:textAllCaps

将文字设置为大写或小写,true表示大写,false表示小写。

效果演示:
  1. xml布局文件:


    TextView和ImageView_第2张图片
  2. 效果图:


    TextView和ImageView_第3张图片

ImageView

ImageView用于显示图片

android:src

用于显示指定位置的图片,如 android:src="@drawable/image",即显示位于drable路径下名为image的图片。

android:scaleType

设置如何图片缩放或移动以适应ImageView的大小,如 android:scaleType="centerCrop",即将图片缩小并居中裁剪显示。

效果演示:
  1. xml布局文件:


    TextView和ImageView_第4张图片
  2. 效果图:


    TextView和ImageView_第5张图片

你可能感兴趣的:(TextView和ImageView)