标签:media webabcd ImageView Android scaleType com view
一手遮天 Android - view(媒体类): ImageView 的 scaleType
示例如下:
/view/media/ImageViewDemo2.java
/**
* ImageView - 图片控件
*
* 本例用于演示 ImageView 的 scaleType
*
* 注:关于网络图片的显示和缓存,以及图片的处理之类的建议使用 Picasso 框架
*/
package com.webabcd.androiddemo.view.media;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import com.webabcd.androiddemo.R;
public class ImageViewDemo2 extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_media_imageviewdemo2);
}
}
/layout/activity_view_media_imageviewdemo2.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">
<!--
ImageView - 图片控件
scaleType - 缩放方式
fitCenter(ImageView.ScaleType.FIT_CENTER) - 等比缩放,居中显示。当 ImageView 的 width 和 height 为 wrap_content 时则按照原图大小显示此值为默认值
fitStart(ImageView.ScaleType.FIT_START) - 等比缩放,居左显示
fitEnd(ImageView.ScaleType.FIT_END) - 等比缩放,居右显示
fitXY(ImageView.ScaleType.FIT_XY) - 拉伸并充满
center(ImageView.ScaleType.CENTER) - 不缩放,居中显示,原图大小显示
centerCrop(ImageView.ScaleType.CENTER_CROP) - 等比缩放,居中显示,呈现的图片的宽大于等于控件的宽,呈现的图片的高大于等于控件的高
centerInside(ImageView.ScaleType.CENTER_INSIDE) - 等比缩放,居中显示,,呈现的图片的宽小于等于控件的宽,呈现的图片的高小于等于控件的高
matrix(ImageView.ScaleType.MATRIX) - 呈现的图片和控件的左上角点对齐,原图大小显示(关于 matrix 转换详见 animation/MatrixDemo1.java)
-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!--
fitCenter(ImageView.ScaleType.FIT_CENTER) - 等比缩放,居中显示。当 ImageView 的 width 和 height 为 wrap_content 时则按照原图大小显示此值为默认值
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="fitCenter"
android:src="@drawable/img_sample_son" />
<!--
fitStart(ImageView.ScaleType.FIT_START) - 等比缩放,居左显示
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="fitStart"
android:src="@drawable/img_sample_son" />
<!--
fitEnd(ImageView.ScaleType.FIT_END) - 等比缩放,居右显示
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="fitEnd"
android:src="@drawable/img_sample_son" />
<!--
fitXY(ImageView.ScaleType.FIT_XY) - 拉伸并充满
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="fitXY"
android:src="@drawable/img_sample_son" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!--
center(ImageView.ScaleType.CENTER) - 不缩放,居中显示,原图大小显示
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="center"
android:src="@drawable/img_sample_son" />
<!--
centerCrop(ImageView.ScaleType.CENTER_CROP) - 等比缩放,居中显示,呈现的图片的宽大于等于控件的宽,呈现的图片的高大于等于控件的高
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="centerCrop"
android:src="@drawable/img_sample_son" />
<!--
centerInside(ImageView.ScaleType.CENTER_INSIDE) - 等比缩放,居中显示,,呈现的图片的宽小于等于控件的宽,呈现的图片的高小于等于控件的高
-->
<ImageView
android:layout_width="80dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="centerInside"
android:src="@drawable/img_sample_son" />
</LinearLayout>
<!--
matrix(ImageView.ScaleType.MATRIX) - 呈现的图片和控件的左上角点对齐,原图大小显示(关于 matrix 转换详见 animation/MatrixDemo1.java)
-->
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="5dp"
android:background="@color/orange"
android:scaleType="matrix"
android:src="@drawable/img_sample_son" />
</LinearLayout>
标签:media,webabcd,ImageView,Android,scaleType,com,view 来源: https://www.cnblogs.com/webabcd/p/android_view_media_ImageViewDemo2.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。