Android基础控件讲解

Android基础控件讲解

 

本文介绍一下Android的基础控件TextView、ImageView、Button和它们的使用方法。

注意这里说的基础控件不是四大组件某一个组件的知识，而是四大组件的Activity里面很小的一个知识点，

对初学者有点帮助而已。

Android 给我们提供了大量的 UI 控件，合理地使用这些控件就可以非常轻松地编写出相当不错的界面。

 

一.TextView文本视图

TextView是Android中用的最多的控件，显示一行或者多行文本，

也可以给上下左右设置图片，并且结合SpannableString和其子类可以做到图文混排。

(一)类图关系

1. java.lang.Object
2. |-android.view.View
3. |-android.widget.TextView

 （二）View常用属性

注意：所有视图类都直接或间接继承于View，共享View的所有属性和方法
1. android:background 设置背景色/背景图片。
2. android:clickable 是否响应点击事件。
3. android:id 给当前View设置一个在当前布局中的唯一编号
4. android:onClick 点击时从上下文中调用指定的方法
5. android:padding 设置上下左右控件内部与控件的边距，以像素为单位填充空白。
6. android: visibility 设置是否显示View。
 //参数可选值：visible(默认,显示)、invisible(不显示，但是仍然占用空间)、gone(不显示，不占用空间)

 

（三）TextView使用示例

TextView主要用于在界面上显示一段文本信息，比如新建工程时的HelloWorld！

Activity.xml文件的内容：

 

       

 

效果图：

 

 

可以看到效果只有三行，后面的直接不显示了

在TextView中我们使用 android:id 给当前控件定义了一个唯一标识符。

然后使用 android:layout_width 指定了控件的宽度，使用 android:layout_height 指定了控件的高度。

Android 中所有的控件都具有这两个属性，可选值有三种 match_parent 、 fill_parent 和 wrap_content ，

其中 match_parent 和 fill_parent 的意义相同，现在官方更加推荐使用 match_parent 。

match_parent 表示让当前控件的大小和父布局的大小一样，也就是由父布局来决定当前控件的大小。

wrap_content 表示让当前控件的大小能够刚好包含住里面的内容，也就是由控件内容决定当前控件的大小。

（四）其他常用属性，TextView独有的哦

1. android: autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。
 //可选值(none/web/email/phone/map/all)
2. 在TextView上下左右输出一张图片android:drawableTop 、 drawableBottom、drawableLeft、drawableRight
3. android: gravity 设置文本位置，如设置成“center”，文本将居中显示。
4. android: lines 设置文本的行数，设置两行就显示两行，即使第二行没有数据。
5. android: text 设置显示文本内容
6. android: textColor 设置文本颜色
7. android: textSize 设置文本大小
8.android:gravity 来指定文字的对齐方式，可选值有 top、bottom、left、right、center等，可以用"|"来同时指定多个值。

9.padding ：内容体距离包裹的窗口的距离。

 

二．Button按钮

Android中，Button继承于TextView，并且设置了样式，属性和方法与TextView一模一样。

Button按钮相当在TextView控件添加背景，设置为可点击属性。

 

 

 

 

三.ImageView 图片

ImageView用来显示任何Drawable对象，通常用来显示图片

（一）常用属性

1. android:src 用来设置drawable文件夹下的图片或者选择器。
2. scaleType 图片的缩放方式,当图片大小和控件大小不一致时使用
 //可选值
 //CENTER 按图片的原来size居中显示、当图片长/宽超过View的长/宽、则截取图片的居中部分显示
 //CENTER_CROP 按比例扩大图片的size居中显示、使得图片长(宽)等于或大于View的长(宽)
 //CENTER_INSIDE 通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
 //FIT_CENTER 把图片按比例扩大/缩小到View的宽度、居中显示
 //FIT_END 把图片按比例扩大/缩小到View的宽度、显示在View的下部分位置
 //FIT_START 把图片按比例扩大/缩小到View的宽度、显示在View的上部分位置
 //FIT_XY 把图片​不按比例扩大/缩小到View的大小显示
 //MATRIX 用矩阵来绘制、动态缩小放大图片来显示
3. adjustViewBounts 在改变图片大小时，是否按照长宽比来进行缩放(false/true) 

总结：

如果图片的尺寸大于ImageView 的大小，那么使用CENTER_INSIDE 或者 FIX_CENTER 会自动等比例缩小图片，

居中显示的效果。

如果图片的尺寸小于ImageView的大小，那么使用CENTER_CROP 或者 FIX_XY会自动放大图片。

其中 CENTER_CROP只会裁剪了图片的中间部分填充屏幕，而FIX_XY 则是将图片在XY 方向拉伸填充完整个mageView。

比如说你插入一个比较大的图片，但是设置ImageView的宽和高又比较小时，要把图片缩小显示，就要使android:scaleType=" CENTER_INSIDE "来设定。

<ImageView
        android:layout_width="200px"
        android:layout_height="200px" 

android:scaleType=" CENTER_INSIDE "

/>

以上是基础控件的简单总结，还有有些属性没有罗列出来可以。