2013-3-1ImageView控件应用

格式：doc
大小：327.50 KB
文档页数：4

ImageView控件应用

常用标签属性

android:scaleType

控制图片适合 ImageView 的大小，如何变更图片大小或移动图片。

matrix ：用矩阵来绘图

fitXY ：拉伸图片（不按比例）以填充View的宽高

fitStart ：按比例拉伸图片，拉伸后图片的高度为View的高度，且显示在View的左边

fitCenter ：按比例拉伸图片，拉伸后图片的高度为View的高度，且显示在View的中间

fitEnd：按比例拉伸图片，拉伸后图片的高度为View的高度，且显示在View的右边

center：按原图大小显示图片，但图片宽高大于View的宽高时，截图图片中间部分显示

centerCrop：按比例放大原图直至等于某边View的宽高显示。

centerInside：当原图宽高或等于View的宽高时，按原图大小居中显示；反之将原图缩放至View的宽高居中显示。

android:tint

为图片设置着色颜色。

代码：

android:id="@+id/imageView1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:scaleType="center| fitCenter| fitXY“

android:src="@drawable/c" />

使用matrix填充ImageView

matrix：坐标变换矩阵。

坐标变换矩阵是一个3*3的矩阵，用来对图形进行坐标变化，将原来的坐标点转移到新的坐标点。

因为一个图片是有点阵和每一点上的颜色信息组成的，所以对坐标的变换，就是对每一点进行搬移形成新的图片。

具体的说图形的放大缩小，移动，旋转，透视，扭曲这些效果都可以用此矩阵来完成。

matrix按比例放大：

代码：xml：

android:id="@+id/imageView"

android:layout_width="fill_parent"

android:layout_height="fill_parent“

android:scaleType="matrix"

android:src="@drawable/c" />

java：

Matrix matrix = new Matrix();

matrix.setScale((float)3.0, (float)3.0); //设置放大比例，宽高各3倍

imgv.setImageMatrix(matrix);

效果：

matrix旋转图像

xml：

android:id="@+id/imageView"

android:layout_width="fill_parent"

android:layout_height="fill_parent“

android:scaleType="matrix"

android:src="@drawable/c" />

java：

Matrix matrix = new Matrix();

matrix.setRotate(45,160,240);

imgv.setImageMatrix(matrix);

效果：

为图片设置着色颜色

代码：

ImageView

android:id="@+id/imageView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:tint="#33ff9966"

android:src="@drawable/c" />

android:id="@+id/imageView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:src="@drawable/c" />

效果：

黑马程序员安卓教程：SmartImageView的原理

SmartImageView的原理

SmartImageView是重写了ImageView控件，在ImageView的基础上添加了许多新的功能。下面我们也来重写一个SmartImageView控件，使该控件有下载图片以及部署图片资源的功能。

1．新建工程

【File】【new】【Android Application Project】命名：07_SmartImageView

2．自定义控件

编写自定义控件SmartImageView，完成图片下载和数据部署功能。

 继承ImageView类，并编写其构造方法，如例1-1

例1-1

publicclassSmartImageViewextends ImageView {

public Myview(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

public Myview(Context context, AttributeSet attrs) {

super(context, attrs);

TODO Auto-generated constructor stub

}

public Myview(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

// TODO Auto-generated constructor stub

}

 定义setImageUrl方法，根据URL路径下载图片，代码如例1-2

例1-2

/**

* 设置图片的网络路径，加载一个网络的图片

* @param path

publicvoidsetImageUrl(final String path){

传智播客：ListView案例-新闻客户端

传智播客传智播客：ListView案例-新闻客户端

通过模拟新闻客户端来学习使用复杂条目的 ListView。

一、编写布局

MainActivity 的布局非常简单，不再给出，只给出作为 ListView 的条目的布局，见【文件 1-23】。【文件 1-23】

list_item.xml

1. 2.

xmlns:android="/apk/res/android"

3. android:layout_width="match_parent" 4.

android:layout_height="wrap_content" >

7. android:id="@+id/iv"

8. android:contentDescription="@null"

9. android:layout_width="100dp"

10. android:layout_height="70dp"

11. android:src="@drawable/ic_launcher"

12. />

13.

15. android:layout_marginLeft="5dp" 16.

android:layout_toRightOf="@id/iv"

17. android:layout_width="wrap_content" 18. android:layout_height="wrap_content"

19. android:text="这是新闻的标题" 20. android:singleLine="true" 21. android:ellipsize="end"

22. />

23.

25. android:layout_marginLeft="5dp" 26. android:layout_below="@id/tv_title" 27.

android:layout_toRightOf="@id/iv"

【IOS开发】基本UI控件详解(UISegmentedControlUIImageViewUIProgressViewUISliderUIAlertView)

转载请注明出处 : /shulianghan/article/details/50163725

一. 分段控件 (UISegmentedControl)

控件展示 :

1. UISegmentedControl 控件属性

(1) Style 属性

Style 属性 :

-- Plain : 分段控件使用最普通的风格;

-- Bordered : 在最普通风格上添加一圈边框;

-- Bar : 分段控件使用工具条风格;

(2) State 属性

State 属性 :

-- Momentary 复选框 : 勾选复选框后, 分段控件不保存控件状态, 如果勾选后, 点击时高亮, 点击后恢复原样;

(3) Tint 属性

Tint 属性 :

-- 作用 : 设置分段控件被选中的高亮颜色;

-- 效果展示 :

(4) Segments 属性

Segments 属性 : -- 作用 : 控制分成几段;

-- 展示效果 :

(5) Segment 属性

Segment 属性 :

-- 作用 : 为不同的分段设置对应的标题, 图片等内容;

(6) Tittle 属性

Tittle 属性 : 每个 Segment 都有一个 Tittle 属性, 就是分段按钮每个按钮的标题;

(7) Image 属性

Image 属性 : 为不同的分段 Segment 设置图片;

(8) Behavior 属性

Behavior 属性 :

-- Enable 复选框 : 用于设置 Segment 是否可用;

-- Selected 复选框 : 用于设置 Segment 是否被选中;

2. 使用 UISegmentedControl 改变背景颜色

(1) 设置 UISegmentedControl 属性

UISegmentedControl 属性 :

-- 属性截图 :

(2) 设置 UISegmentedControl 响应方法

imagebutton控件的用法

============

一、概述

----

ImageButton控件是Android开发中常用的控件之一，它结合了Button控件和ImageButton控件的特点，可以在图片上实现点击事件。本文将详细介绍ImageButton控件的用法，包括基本属性、事件处理和自定义样式等。

二、基本属性

------

* `id`：控件的唯一标识符，用于在XML布局文件或代码中引用该控件。

* `background`：设置控件的背景图片或Drawable对象。

* `src`：设置按钮的选中图片，即点击后的显示图片。

* `backgroundRes`和`backgroundState`：用于自定义背景样式，支持点击事件和长按事件。

三、事件处理

------

ImageButton控件支持点击事件、长按事件和滑动事件等。可以通过为ImageButton控件绑定相应的事件监听器来实现。以下是几个常用的监听器：

* `OnClickListener`：点击事件监听器，用于处理点击事件。

* `OnLongClickListener`：长按事件监听器，用于处理长按事件。

* `OnScrollListener`：滑动事件监听器，用于处理滑动事件。

四、自定义样式

-------

ImageButton控件支持通过XML布局文件或代码自定义样式，包括背景图片、边框样式、圆角大小等。可以通过设置`background`属性或使用`StateListAnimator`来实现自定义样式。

五、使用示例 ------

以下是一个使用ImageButton控件的示例代码：

```java

// 创建一个ImageButton控件，设置背景图片和选中图片

ImageButton imageButton = new ImageButton(this);

imageButton.setBackgroundResource(R.drawable.button_background);

下载提示

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

2013-3-1ImageView控件应用

合集下载

黑马程序员安卓教程：SmartImageView的原理

传智播客：ListView案例-新闻客户端

【IOS开发】基本UI控件详解(UISegmentedControlUIImageViewUIProgressViewUISliderUIAlertView)

imagebutton控件的用法

文档推荐

最新文档