Android 定義圖片高與寬一樣
阿新 • • 發佈:2019-01-28
在Android當中我們經常會遇到需要將一個圖片拉伸用於填充螢幕的問題,
對於拉伸圖片符合螢幕大小,我們通常可以在這個ImageView的配置檔案
當中加入android:scaleType="ScaleType.MATRIX"就可以了,但是
這樣就會導致圖片的大小失真,整個圖片被拉伸的特變難看。所以我們
需要一種能夠有選擇的拉伸我們的圖片,導致不致失真。
下面是一種簡單的做法,但是不能夠保證能解決所有遇到這種問題的場合,
所以,如果讀到這篇文章的你發現了更好的解決辦法,希望一定要聯絡我。
好了,下面就是解決的辦法:
package com.yourpackage.widgets;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;
public class AspectRatioImageView extends ImageView
{
public AspectRatioImageView(Context context)
{
super(context);
}
public AspectRatioImageView(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public AspectRatioImageView(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
int width = MeasureSpec.getSize(widthMeasureSpec);
int height = width * getDrawable().getIntrinsicHeight() / getDrawable().getIntrinsicWidth();
setMeasuredDimension(width, height);
}
}
複製程式碼
整個過程很簡答,就是在onMeasure()階段時將圖片的Aspect ratio(長寬比)考慮進去,這樣
比單純的機械的使用ScaleType.MATRIX或者ScaleType.FIT_XY要更能針對我們的目標和需求
(當然ScaleType.MATRIX和ScaleType.FIT_XY也有自己的適用場合,而且也比我們的技巧更為
專業,只是不符合我們暫時的需求而已).
然後我們就可以在XML檔案當中對使用我們定義好的這個AspectRatioImageView了:
<com.yourpackage.widgets.AspectRatioImageView android:layout_centerHorizontal="true"
android:src="@drawable/yourdrawable" android:id="@+id/image"
android:layout_alignParentTop="true" android:layout_height="wrap_content"
android:layout_width="match_parent" android:adjustViewBounds="true" />
複製程式碼
如果遇到任何問題,請與我聯絡。希望能幫助到你
對於拉伸圖片符合螢幕大小,我們通常可以在這個ImageView的配置檔案
當中加入android:scaleType="ScaleType.MATRIX"就可以了,但是
這樣就會導致圖片的大小失真,整個圖片被拉伸的特變難看。所以我們
需要一種能夠有選擇的拉伸我們的圖片,導致不致失真。
下面是一種簡單的做法,但是不能夠保證能解決所有遇到這種問題的場合,
所以,如果讀到這篇文章的你發現了更好的解決辦法,希望一定要聯絡我。
好了,下面就是解決的辦法:
package com.yourpackage.widgets;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;
public class AspectRatioImageView extends ImageView
{
public AspectRatioImageView(Context context)
{
super(context);
}
public AspectRatioImageView(Context context, AttributeSet attrs)
{
super(context, attrs);
}
public AspectRatioImageView(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
int width = MeasureSpec.getSize(widthMeasureSpec);
int height = width * getDrawable().getIntrinsicHeight() / getDrawable().getIntrinsicWidth();
setMeasuredDimension(width, height);
}
}
複製程式碼
整個過程很簡答,就是在onMeasure()階段時將圖片的Aspect ratio(長寬比)考慮進去,這樣
比單純的機械的使用ScaleType.MATRIX或者ScaleType.FIT_XY要更能針對我們的目標和需求
(當然ScaleType.MATRIX和ScaleType.FIT_XY也有自己的適用場合,而且也比我們的技巧更為
專業,只是不符合我們暫時的需求而已).
然後我們就可以在XML檔案當中對使用我們定義好的這個AspectRatioImageView了:
<com.yourpackage.widgets.AspectRatioImageView android:layout_centerHorizontal="true"
android:src="@drawable/yourdrawable" android:id="@+id/image"
android:layout_alignParentTop="true" android:layout_height="wrap_content"
android:layout_width="match_parent" android:adjustViewBounds="true" />
複製程式碼
如果遇到任何問題,請與我聯絡。希望能幫助到你