ImageVIew 设置图片大小

本文详细解释了Android中ImageView的scaleType属性及其各种值的意义,包括CENTER, CENTER_CROP, CENTER_INSIDE, FIT_CENTER等,帮助开发者正确使用这些属性以实现图片在不同尺寸视图中的理想显示效果。

 

转自: http://zkl-1987.iteye.com/blog/1062130

 

ImageView的属性android:scaleType,即 ImageView.setScaleType(ImageView.ScaleType)。android:scaleType是控制图片如何 resized/moved来匹对ImageView的size。ImageView.ScaleType / android:scaleType值的意义区别: 

CENTER /center   按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 
CENTER_CROP / centerCrop   按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) 
CENTER_INSIDE / centerInside   将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 
FIT_CENTER / fitCenter   把图片按比例扩大/缩小到View的宽度,居中显示 
FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置 
FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置 
FIT_XY / fitXY   把图片 不按比例

在 Android 中将 `ImageView` 设置为圆形,可以通过多种方式实现。以下是几种常见的实现方法: ### 1. 使用 `Canvas.clipPath` 方法 `Canvas.clipPath` 是一种通过裁剪画布区域来实现圆形图像的方式。具体实现方式是通过重写 `onDraw()` 方法,并使用 `clipPath` 裁剪出一个圆形区域[^1]。然而,这种方法可能会导致锯齿问题,尤其是在低分辨率设备上。为了解决锯齿问题,可以尝试启用抗锯齿功能,例如使用 `Paint.setAntiAlias(true)`,并在裁剪路径时使用 `Path.Direction.CW` 或 `Path.Direction.CCW` 来确保路径闭合[^1]。 ### 2. 自定义 `CircleImageView` 另一种更常见的方式是自定义一个 `CircleImageView` 类,通过继承 `AppCompatImageView` 并重写 `onDraw()` 方法来实现圆形效果。可以使用 `Canvas.drawRoundRect()` 或 `Canvas.drawCircle()` 方法绘制圆形区域,同时支持设置边框颜色和宽度[^2]。以下是一个简单的实现示例: ```java public class CircleImageView extends AppCompatImageView { private Paint mBorderPaint; private int mBorderWidth = 4; private int mBorderColor = Color.BLACK; public CircleImageView(Context context) { this(context, null); } public CircleImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mBorderPaint = new Paint(); mBorderPaint.setAntiAlias(true); mBorderPaint.setStyle(Paint.Style.STROKE); mBorderPaint.setColor(mBorderColor); mBorderPaint.setStrokeWidth(mBorderWidth); } @Override protected void onDraw(Canvas canvas) { float radius = Math.min(getWidth(), getHeight()) / 2.0f; canvas.drawCircle(getWidth() / 2.0f, getHeight() / 2.0f, radius - mBorderWidth / 2.0f, mBorderPaint); // 裁剪画布为圆形 Path path = new Path(); path.addCircle(getWidth() / 2.0f, getHeight() / 2.0f, radius, Path.Direction.CW); canvas.clipPath(path); super.onDraw(canvas); } } ``` ### 3. 使用 XML 形状定义 如果只需要显示一个固定大小的圆形背景,可以通过在 XML 中定义 `shape` 来实现。例如,创建一个 `circle_shape.xml` 文件,并将其设置为 `ImageView` 的背景[^3]: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="@android:color/background_light" /> <size android:width="200dp" android:height="200dp" /> <stroke android:color="@android:color/holo_blue_dark" android:width="1dp" /> </shape> ``` 然后在布局文件中使用该形状作为背景: ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/circle_shape" android:src="@drawable/your_image" /> ``` ### 4. 使用第三方库 为了简化开发流程,可以使用一些成熟的第三方库,例如 [Glide](https://github.com/bumptech/glide) 或 [Picasso](https://github.com/square/picasso),这些库通常已经封装了圆形图像的加载逻辑。例如,使用 Glide 加载圆形图片: ```java Glide.with(context) .load(imageUrl) .transform(new CircleCrop()) .into(imageView); ``` ### 总结 - 如果需要高度定制化的圆形图像,建议使用自定义 `CircleImageView`。 - 如果只需要简单的圆形背景,可以使用 XML 形状定义。 - 如果需要快速实现圆形图像加载,推荐使用第三方库如 Glide。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值