Android雁翎刀之ImageView之哈哈镜

传送门 ☞ 轮子的专栏 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229

雁翎刀

        《书剑恩仇录》“俏李逵”周绮：周绮第一个就忍不住，跳出圈子，喝道：“好，咱们来比划比划。”雁翎刀一摆，便要上前。 

        今天我们学习如何利用Android平台“雁翎刀”ImageView来实现图片缩放功能，下面给出该情景的案例：

1案例技术要点

(1)android:scaleType="center"：标示图片不缩放，放置在View的中心
(2)android:scaleType="fitCenter"：表示图片按缩放比例显示，并且放置在View的中心

2案例代码陈列

工程包目录

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.android.imageview"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".ImageViewMainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

strings.xml

<resources>
    <string name="app_name">ImageView图片缩放</string>
</resources>

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">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="scaleType:center"
        android:gravity="center" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#F00"
        android:scaleType="center"
        android:src="@drawable/background" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="scaleType:fitCenter"
        android:gravity="center" />
    <ImageView 
        android:id="@+id/imageView2" 
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:background="#FFF"
        android:src="@drawable/background"
        android:scaleType="fitCenter"
        android:padding="10dp"/>

</LinearLayout>

ImageViewMainActivity.java

package com.android.imageview;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;

/**
 * ImageView案例一：缩放图片
 * ImageView用于显示图片，支持对图片进行放大、缩小和旋转等
 * android:scaleType="center" 标示图片不缩放显示
 * android:scaleType="fitCenter" 标示图片按照比例缩放显示至合适位置，并且放置在ImageView的中心
 * @author lynnli1229
 */
public class ImageViewMainActivity extends Activity {
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ImageView imageView1 = (ImageView) findViewById(R.id.imageView1);
        //设置图片的显示比例：宽度200 高度100
        imageView1.setLayoutParams(new LinearLayout.LayoutParams(200, 100));
    }

}

3案例效果展示