android根据屏幕宽度,按比例缩放图片

时间:2021-03-12 22:40:55

ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。

ImageView的scaleType的属性分别是matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY

android:scaleType="center"

保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。

android:scaleType="centerCrop"

以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。

android:scaleType="centerInside"

以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。

android:scaleType="matrix"

不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。

android:scaleType="fitCenter"

把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示

android:scaleType="fitEnd"

把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置

android:scaleType="fitStart"

把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置

android:scaleType="fitXY"

把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.


实现图片适应屏幕宽度方式:获取屏幕大小,动态设置控件高度。实现代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
package  com.penngo.image;
 
import  android.app.Activity;
import  android.graphics.Bitmap;
import  android.graphics.BitmapFactory;
import  android.os.Bundle;
import  android.util.Log;
import  android.view.ViewGroup;
import  android.widget.ImageView;
 
public  class  MainActivity  extends  Activity {
 
     @Override
     protected  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
 
         Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.b206_125);
         int  bwidth = bitmap.getWidth();
         int  bHeight = bitmap.getHeight();
 
         int  width = Screen.getScreenWidth( this );
         Log.e( "====" , bwidth +  " "  + bHeight +  " "  + width);
         ImageView img5 = (ImageView) this .findViewById(R.id.img5);
         int  height = width * bHeight / bwidth;
         ViewGroup.LayoutParams para = img5.getLayoutParams();
         para.height = height;
         img5.setLayoutParams(para);
     }
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<RelativeLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     xmlns:tools= "http://schemas.android.com/tools"
     android:layout_width= "match_parent"
     android:layout_height= "match_parent"
     android:layout_margin= "5dip"
     tools:context= ".MainActivity" >
 
     <ImageView
         android:id= "@+id/img4"
         android:src= "@drawable/b206_125"
         android:scaleType= "fitXY"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"  />
     <View
         android:id= "@+id/view"
         android:layout_marginTop= "5dp"
         android:layout_marginBottom= "5dp"
         android:layout_below= "@+id/img4"
         android:layout_width= "match_parent"
         android:layout_height= "1dip"
         android:background= "#c3c3c3"
         android:visibility= "visible"  />
     <ImageView
         android:id= "@+id/img5"
         android:src= "@drawable/b206_125"
         android:layout_below= "@+id/view"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"  />
     <View
         android:id= "@+id/view1"
         android:layout_marginTop= "5dp"
         android:layout_marginBottom= "5dp"
         android:layout_below= "@+id/img5"
         android:layout_width= "match_parent"
         android:layout_height= "1dip"
         android:background= "#c3c3c3"
         android:visibility= "visible"  />
 
     <ImageView
         android:id= "@+id/img6"
         android:src= "@drawable/b206_125"
         android:scaleType= "centerCrop"
         android:layout_below= "@+id/view1"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"  />
 
 
</RelativeLayout>

android根据屏幕宽度,按比例缩放图片