UI组件之ImageView及其子类(一)ImageView显示图片
ImageView家族的繼承關(guān)系如圖:
ImageView繼承自View組件,它的主要功能室顯示圖片,還可以顯示Drawable對象。
ImageView直接子類是ImageButton,QuickContactBadge,間接子類是ZoomButton,因此ImageView 的所有XML屬性,方法,基本上都可以用于ImageButton,ZoomButton
ImageView的XML 屬性如下:
android:adjustViewBounds:是否調(diào)整自己的邊界來保持所顯示的圖片長寬比。需要與maxWidth、MaxHeight一起使用,否則單獨使用沒有效果。
android:cropToPadding:true,該組件將會被裁剪到保留該ImageView的padding
?? android:MaxHeight,android:maxWidth:設(shè)置View的最大高度和寬度,單獨使用無效,需要與setAdjustViewBounds一起使用。如果想設(shè)置圖片固定大小,又想保持圖片寬高比,需要如下設(shè)置:
1) 設(shè)置setAdjustViewBounds為true;
2) 設(shè)置maxWidth、MaxHeight;
3) 設(shè)置設(shè)置layout_width和layout_height為wrap_content。
android:tint:將圖片渲染成指定的顏色
? ? ? ??android:src:設(shè)置ImageView所顯示的Drawable對象的ID
android:scaleType:setScaleType(ImageView.ScaleType),ImageView.ScaleType是內(nèi)部類,設(shè)置圖片如何縮放或移動一適應(yīng)ImageView的大小,常值如下:
matrix(ImageView.ScaleType.MATRIC):使用matric矩陣來繪圖進(jìn)行縮放
fitXY(ImageView.ScaleType.FIT_XY):對圖片橫向,縱向獨立縮放,使得圖片完全適應(yīng)于該ImageView,圖片橫縱比可能會改變
fitStart(ImageView.ScaleType.FIT_START):保持橫縱比縮放圖片,直到較長的邊與ImageView的邊長相等,完成后放在ImageView的左上角。
fitEnd(ImageView.ScaleType.FIT_END):保持橫縱比縮放圖片,直到較長的邊與ImageView的邊長相等,完成后放在ImageView的右下角。
fitCenter(ImageView.ScaleType.FIT_CENTER):保持橫縱比縮放圖片,直到較長的邊與ImageView的邊長相等,完成后放在ImageView的中央。
center(ImageView.ScaleType.CENTER):圖片放在ImageVIew中間,不進(jìn)行任何縮放
centerInside(ImageView.ScaleType.CENTER_INSIDE):保持橫縱比縮放圖片,使得ImageView能完全顯示該圖片
centerCrop(ImageView.ScaleType.CENTER_CROP):保持橫縱比,使得圖片能完全覆蓋ImageView。只要圖片最短邊能顯示出來即可。
ImageView設(shè)置圖片資源的方法有很多,如下:Bitmap,Drawable,Resource
setImageBitmap(Bitmap btm);使用Bitmap位圖設(shè)置該ImageView顯示的圖片
setImageDrawable(Drawable drawable);使用Drawable 對象設(shè)置該ImageView顯示的圖片,這里的Drawable 對象是Resource對象獲得的實際資源,不是資源ID
setImageResource(int reId);使用圖片資源ID設(shè)置該ImageView顯示的圖片
例,圖片瀏覽器,設(shè)置圖片透明度。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content" android:orientation="horizontal">"<Buttonandroid:id="@+id/button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button1" /><Buttonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button2" /><Buttonandroid:id="@+id/button3"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="@string/next" /></LinearLayout> <!-- 定義一個ImageView顯示圖片 --><ImageViewandroid:id="@+id/imageView1"android:layout_width="match_parent"android:layout_height="280dp"android:scaleType="fitCenter"android:src="@drawable/shuangta" /><ImageViewandroid:id="@+id/imageView2"android:layout_width="120dp"android:layout_height="120dp"android:src="@drawable/ic_launcher" /></LinearLayout>
package com.hust.imageviewtest;import android.app.Activity; import android.graphics.Bitmap; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.view.MotionEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.widget.Button; import android.widget.ImageView;public class MainActivity extends Activity {// 定義一個訪問圖片的數(shù)組int[] images = new int[]{R.drawable.lijiang,R.drawable.qiao,R.drawable.shuangta,R.drawable.shui,R.drawable.xiangbi,};// 定義默認(rèn)顯示的圖片int currentImg = 2;// 定義圖片的初始透明度private int alpha = 255;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);final Button plus = (Button) findViewById(R.id.button1);final Button minus = (Button) findViewById(R.id.button2);final Button next = (Button) findViewById(R.id.button3);final ImageView image1 = (ImageView) findViewById(R.id.imageView1);final ImageView image2 = (ImageView) findViewById(R.id.imageView2);// 定義查看下一張圖片的監(jiān)聽器next.setOnClickListener(new OnClickListener(){@Overridepublic void onClick(View v){// 控制ImageView顯示下一張圖片image1.setImageResource(images[++currentImg % images.length]);}});// 定義改變圖片透明度的方法OnClickListener listener = new OnClickListener(){@Overridepublic void onClick(View v){if (v == plus){alpha += 20;}if (v == minus){alpha -= 20;}if (alpha >= 255){alpha = 255;}if (alpha <= 0){alpha = 0;}// 改變圖片的透明度image1.setAlpha(alpha);}};// 為兩個按鈕添加監(jiān)聽器plus.setOnClickListener(listener);minus.setOnClickListener(listener);image1.setOnTouchListener(new OnTouchListener(){@Overridepublic boolean onTouch(View view, MotionEvent event){BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();// 獲取第一個圖片顯示框中的位圖Bitmap bitmap = bitmapDrawable.getBitmap();// bitmap圖片實際大小與第一個ImageView的縮放比例double scale = bitmap.getWidth() / 320.0;// 獲取需要顯示的圖片的開始點int x = (int) (event.getX() * scale);int y = (int) (event.getY() * scale);if (x + 120 > bitmap.getWidth()){x = bitmap.getWidth() - 120;}if (y + 120 > bitmap.getHeight()){y = bitmap.getHeight() - 120;}// 顯示圖片的指定區(qū)域image2.setImageBitmap(Bitmap.createBitmap(bitmap, x, y, 120, 120));image2.setAlpha(alpha);return false;}});}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();if (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);} }
總結(jié)
以上是生活随笔為你收集整理的UI组件之ImageView及其子类(一)ImageView显示图片的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UI组件之TextView及其子类(五)
- 下一篇: UI组件之ImageView及其子类(二