您的位置:首页 > 产品设计 > UI/UE

Android UI基础——ImageView&ImageButton控件

2016-04-03 14:28 351 查看

ImageView

ImageView是用于加载网络或本地图片的控件,通俗地讲就是用来显示图片的控件。

在布局的xml文件里的创建:

<ImageView
android:id="@+id/image_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@mipmap/image" />


①android:src=”“或者android:background=”“:用来添加图片

②android:scaleType=”“:设置图片的填充方式,其选项如下(根据自己所需使用):

CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则 截取图片的居中部分显示

CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等 于或大于View的长(宽)

CENTER_INSIDE / centerInside 将图片的内容完整居中显示,通过按比例缩小或 原来的size使得图片长/宽等于或小于View的长/宽

FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示

FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位 置

FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部 分位置

FIT_XY / fitXY 把图片 不按比例 扩大/缩小到View的大小显示

MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。

③android:tint=”“:为图片着色。代码较为简单就不写了,下面是着色前后对比图片:





ImageButton

ImageButton是一个可以被用户点击的图片按钮,使用方式与ImageView相似,区别只是ImageButton有背景,而且ImageButton与普通按钮一样可以添加点击事件监听器。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息