前言
時(shí)間有限，追索生命的誠意和真實(shí)鼻弧，比什么都重要设江。
ImageView組件
ImageView繼承自View組件锦茁，它的主要功能是用于顯示任何Drawable對象。
為了控制ImageView顯示的圖片叉存，ImageView提供了下列方法码俩。
- setImageBitmap(Bitmap bm):使用Bitmap位圖設(shè)置該ImageView顯示的圖片。
- setImageDrawable(Drawable drawable):使用Drawable對象設(shè)置該ImageView顯示的圖片歼捏。
- setImageResource(int resId):使用圖片資源ID設(shè)置該ImageView顯示的圖片稿存。
- setImageURI(Uri uri):使用圖片的URI設(shè)置該ImageView顯示的圖片。
示例代碼
本例的圖片瀏覽器不僅可以改變圖片的透明度瞳秽，還可以查看圖片指定區(qū)域的細(xì)節(jié)瓣履。
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<!-- 定義三個(gè)按鈕 -->
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
>
<Button
android:id="@+id/plus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="增大透明度"
/>
<Button
android:id="@+id/minus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="減小透明度"
/>
<Button
android:id="@+id/next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下一張"
/>
</LinearLayout>
<!-- 定義顯示圖片整體的ImageView -->
<ImageView
android:id="@+id/image1"
android:layout_width="wrap_content"
android:layout_height="360dp"
android:src="@drawable/baxianhua"
android:scaleType="fitCenter"
/>
<!-- 定義顯示圖片局部細(xì)節(jié)的ImageView -->
<ImageView
android:id="@+id/image2"
android:layout_width="240dp"
android:layout_height="240dp"
android:background="#00f"
android:layout_margin="10dp"
/>
</LinearLayout>
MainActivity.java
public class MainActivity extends Activity {
//定義一個(gè)訪問圖片的數(shù)組
int []images = new int[] {
R.drawable.baxianhua,
R.drawable.dengta,
R.drawable.juhua,
R.drawable.kaola,
R.drawable.qie,
R.drawable.shamo,
R.drawable.shuimo,
R.drawable.yujinx,
};
//定義默認(rèn)顯示的圖片
int currentImg = 2;
//定義圖片的初始透明度
private int alpha = 255;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final Button minus = (Button) findViewById(R.id.minus);
final Button plus = (Button) findViewById(R.id.plus);
final Button next = (Button) findViewById(R.id.next);
final ImageView image1 = (ImageView) findViewById(R.id.image1);
final ImageView image2 = (ImageView) findViewById(R.id.image2);
//定義查看下一張圖片按鈕的監(jiān)聽器
next.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//控制ImageView顯示下一張圖片
image1.setImageResource(images[++currentImg % images.length]);
}
});
//定義改變圖片透明度的方法
View.OnClickListener listener = new OnClickListener() {
@Override
public 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.setImageAlpha(alpha);
}
};
//為兩個(gè)按鈕添加監(jiān)聽器
plus.setOnClickListener(listener);
minus.setOnClickListener(listener);
image1.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();
//獲取第一個(gè)圖片顯示框中的位圖
Bitmap bitmap = bitmapDrawable.getBitmap();
//bitmap圖片實(shí)際大小與第一個(gè)ImageView的縮放比例
double scale = 1.0 * bitmap.getHeight()/image1.getHeight();
//獲取需要顯示的圖片的開始點(diǎn)
int x = (int)(event.getX() * scale);
int y = (int)(event.getY() * scale);
if(x + 240 > bitmap.getWidth())
{
x = bitmap.getWidth() - 240;
}
if(y + 240 > bitmap.getHeight())
{
y = bitmap.getHeight() - 240;
}
//顯示圖片的指定區(qū)域
image2.setImageBitmap(bitmap.createBitmap(bitmap, x, y, 240, 240));
image2.setImageAlpha(alpha);
return false;
}
});
}
}
效果
Screenshot_2017-10-18-16-07-20.png
提示
andriod:scaleType屬性,設(shè)置所顯示的圖片如何縮放或移動(dòng)以適應(yīng)ImageView的大小。常用屬性值如下练俐。
matrix:使用matrix方式進(jìn)行縮放袖迎。
fitXY:對圖片橫向、縱向獨(dú)立縮放腺晾，使得該圖片完全適應(yīng)于該ImageView燕锥，圖片的縱橫比可能會(huì)改變。
fitStart:保持縱橫比縮放圖片悯蝉，直到該圖片能完全顯示在ImageView中归形，縮放完成后將該圖片放在ImageView的左上角。
fitCenter:保持縱橫比縮放圖片鼻由，直到該圖片能完全顯示在ImageView中连霉，縮放完成后將該圖片放在ImageView的中央。
fitEnd:保持縱橫比縮放圖片嗡靡，直到該圖片能完全顯示在ImageView中，縮放完成后將該圖片放在ImageView的右下角窟感。
center:把圖片放在ImageView的中間讨彼，但不進(jìn)行任何縮放。
ImageButton組件
ImageButton與Button的區(qū)別在于柿祈，Button生成的按鈕上顯示文字哈误，而ImageButton上則顯示圖片。ImageButton派生了一個(gè)ZoomButton躏嚎，可以代表“放大”蜜自、“縮小”兩個(gè)按鈕。
代碼示例
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<!-- 定義ZoomControls組件 -->
<ZoomControls
android:id="@+id/zoomControls1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
/>
</LinearLayout>
效果
Screenshot_1508379554.png
QuickContactBadge組件
QuickContactBadge繼承了ImageView卢佣，因?yàn)樗谋举|(zhì)是圖片按鈕重荠，也可以通過andriod:src屬性指定它顯示的圖片。額外增加的功能是該圖片可以關(guān)聯(lián)到手機(jī)中指定的聯(lián)系人虚茶，當(dāng)用戶單擊該圖片時(shí)戈鲁，系統(tǒng)將會(huì)打開相應(yīng)聯(lián)系人的聯(lián)系方式界面仇参。為了讓QuickContactBadge與特定聯(lián)系人關(guān)聯(lián)，可以調(diào)用如下方法婆殿。
assignContactFromEmail(String emailAddapp\src\main\ress,boolean lazyLookup):將該圖片關(guān)聯(lián)到指定E-mail地址對應(yīng)的聯(lián)系人诈乒。
assignContactFromPhone(String phoneNumber,boolean lazyLookup):將該圖片關(guān)聯(lián)到指定電話號(hào)碼對應(yīng)的聯(lián)系人。
assignContactUri(Uri contactUri):將該圖片關(guān)聯(lián)到特定Uri對應(yīng)的聯(lián)系人婆芦。
代碼示例
contact.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<QuickContactBadge
android:id="@+id/badge"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/ic_launcher"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="16dp"
android:text="halo"
/>
</LinearLayout>
MainActivity.java
public class MainActivity extends Activity {
QuickContactBadge badge;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.contact);
//獲取QuickContactBadge組件
badge = (QuickContactBadge) findViewById(R.id.badge);
//將QuickContactBadge組件與特定電話號(hào)碼對應(yīng)的聯(lián)系人建立關(guān)聯(lián)
badge.assignContactFromPhone("010-666666", false);
}
}
效果
Screenshot_1508380462.png
使用QuickContactBadge打開的特定聯(lián)系人
Screenshot_1508380482.png
