传送门 ☞ 轮子的专栏 ☞ 转载请注明 ☞ 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));
}
}