第17讲- UI常用组件之ImageView图片浏览
第17讲 UI常用组件之ImageView图片浏览
二、图片浏览ImageView
ImageView就是一个用来显示图片的视图；
ImageView常见属性
|
常见属性 |
对应方法 |
说明 |
|
android:adjustViewBounds |
setAdjustViewBounds(boolean) |
是否保持宽高比。需要与maxWidth、MaxHeight一起使用，单独使用没有效果。 |
|
android:maxHeight |
set MaxHeight(int) |
设置View的最大高度。需要与setAdjustViewBounds一起使用。 |
|
android:maxWidth |
set MaxWidth(int) |
设置View的最大宽度。同上。 |
|
android:scaleType |
setScaleType(ImageView. ScaleType) |
设置图片的填充方式。 |
|
android:src |
setImageResource(int) |
设置View的drawable(如图片，也可以是颜色，但是需要指定View的大小) |
|
setAlpha (int alpha) |
设置透明度 |
|
setImageBitmap (Bitmap bm) |
设置位图作为该 ImageView 的内容。 |
|
setImageDrawable (Drawable drawable) |
设置可绘制对象为该 ImageView 显示的内容。 |
|
setImageResource (int resId) |
设置指定ID的资源为该 ImageView 显示的内容。 |
|
setImageURI (Uri uri) |
设置指定的 URI 为该 ImageView 显示的内容。 |
|
setSelected (boolean selected) |
设置视图的选中状态。 |
1.显示图片：
在activity_main.xml中添加一个ImageView，将图片a1.jpg放置在res中的drawable文件夹中；
在activity_main.xml中编写程序
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/a1" />
2.实现点击图片进行切换：
首先，将图片a1.jpg, a2.jpg, a3.jpg, a4.jpg放置在res中的drawable文件夹中；
然后，将图片进行排序，将其引用放置在数组中；
private int[] a= new int[]{
R.drawable.a1,
R.drawable.a2,
R.drawable.a3,
R.drawable.a4,
};
设置切换用的计数器count。
private int count=0;
protected voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ImageView imageView=(ImageView) findViewById(R.id.imageView1);
imageView.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
ImageView view=(ImageView) v;
if(count==3){ //当到达最后一张图片时，在点击将切换到第一张图片
count= -1;
}
view.setImageResource(a[++count]);
}
});
}
3. 实现点击图片进行左右切换：
点击图片左边，切换到前一张图片；点击图片右边，切换到下一张图片。
需要解决： a1.如何在图片点击过程中，获得点击处X轴坐标； a2.获取屏幕宽度。
ImageView imageView=(ImageView)findViewById(R.id.imageView1);
Final int width =this.getWindowManager().getDefaultDisplay().getWidth();
//利用touch方法可以获得点击现场的信息。
imageView.setOnTouchListener(newOnTouchListener() {
publicboolean onTouch(View v, MotionEvent event) {
//如何在图片点击过程中，获得点击处X轴坐标
intx = (int) event.getX();
ImageViewview=(ImageView) v;
if(x>=(width/2)){
if(count==3){
count=-1;
}
view.setImageResource(a[++count]);
}else{
if(count==0){
count=4;
}
view.setImageResource(a[--count]);
}
returnfalse;
}
});