Android根據螢幕寬度,按比例縮放圖片
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.
實現圖片適應螢幕寬度方式:獲取螢幕大小,動態設定控制元件高度。實現程式碼:
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); } }
<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>
相關文章
- 如何設定圖片高度固定,寬度可以根據比例縮放
- css設定圖片固定寬高,按比例縮放CSS
- html 圖片按比例縮放HTML
- 圖片縮放(不裁剪,按原來比例計算寬高)
- css 實現圖片寬度自適螢幕,高度與寬度成固定比例CSS
- css實現圖片按寬等比例縮放不變形CSS
- 根據比例縮放圖片的尺寸不變形程式碼例項
- 按比例縮放圖片大小程式碼例項
- rem根據螢幕寬度來調整html根元素的font-sizeREMHTML
- flutter根據給定寬度自適應縮放字型大小Flutter
- 網頁根據螢幕寬度請求不同的CSS檔案網頁CSS
- Win10電腦怎麼自定義縮放螢幕比例?Win10系統自定義縮放螢幕比例教程Win10
- 等比例縮放圖片 jsJS
- BMP格式圖片縮放及在LCD螢幕展示練習
- 圖片等比例縮放程式碼
- C#獲取Windows10螢幕的縮放比例C#Windows
- Android 圖片縮放Android
- iOS根據圖片比例計算顯示大小iOS
- 圖片等比例縮放裁切詳解
- JavaScript圖片簡單等比例縮放JavaScript
- JS實現等比例縮放圖片JS
- html中背景圖按比例縮放全屏顯示HTML
- css中圖片按照長寬比縮放CSS
- js控制圖片等比例縮放程式碼JS
- 利用javascript實現圖片等比例縮放JavaScript
- JS控制圖片顯示的大小(圖片等比例縮放)JS
- 如何讓圖片按比例響應式縮放、並自動裁剪的css技巧CSS
- android 獲取螢幕高度和寬度的方法Android
- Android:ImageView圖片縮放、居中AndroidView
- 直播系統平臺搭建,自定義控制元件根據圖片寬度設定長度控制元件
- 移動端圖片等比例縮放實踐
- Vue3等比例縮放圖片元件Vue元件
- Flutter螢幕適配 - 等比縮放Flutter
- JavaScript DOM元素長寬等比例縮放JavaScript
- React根據寬度自適應高度React
- android imageview 縮放檢視圖片AndroidView
- 根據螢幕高度自適應元素高度
- 【轉載】如何讓圖片按比例響應式縮放、並自動裁剪的css技巧CSS