Android-自定义类实现图片圆角显示图片

怼烎@ 2023-02-23 12:23 25阅读 0赞

Android-自定义类实现图片圆角显示图片

  • 圆片效果图
  • 圆角效果图
  • 代码展示
    • MainActivity.java
    • activity_main.xml
    • attrs.xml
    • ShapedImageView.java

在实际开发中我们经常会对例如标题栏,导航栏上的一些图片进行圆角处理

圆片效果图

在这里插入图片描述

圆角效果图

在这里插入图片描述

代码展示

MainActivity.java

  1. public class MainActivity extends Activity {
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. super.onCreate(savedInstanceState);
  5. setContentView(R.layout.activity_main);
  6. }
  7. }

activity_main.xml

注意修改com.example.xxx为自己的包路径

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:test="http://schemas.android.com/apk/res/com.example.shapeimage"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical"
  6. android:gravity="center" >
  7. <com.example.shapeimage.ShapedImageView
  8. android:id="@+id/image1"
  9. android:layout_width="200dp"
  10. android:layout_height="200dp"
  11. android:layout_centerInParent="true"
  12. android:src="@drawable/an"
  13. test:shape_mode="circle" />
  14. <com.example.shapeimage.ShapedImageView
  15. android:id="@+id/image1"
  16. android:layout_width="200dp"
  17. android:layout_height="200dp"
  18. android:layout_marginTop="20dp"
  19. android:layout_centerInParent="true"
  20. test:round_radius="20dp"
  21. android:src="@drawable/an"
  22. test:shape_mode="round_rect" />
  23. </LinearLayout>

attrs.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <declare-styleable name="ShapedImageView">
  4. <attr name="shape_mode" format="enum">
  5. <enum name="round_rect" value="1" />
  6. <enum name="circle" value="2" />
  7. </attr>
  8. <attr name="round_radius" format="dimension" />
  9. </declare-styleable>
  10. </resources>

ShapedImageView.java

  1. import java.util.Arrays;
  2. import android.content.Context;
  3. import android.content.res.TypedArray;
  4. import android.graphics.Canvas;
  5. import android.graphics.Color;
  6. import android.graphics.Paint;
  7. import android.graphics.PorterDuffXfermode;
  8. import android.graphics.PorterDuff;
  9. import android.graphics.drawable.shapes.RoundRectShape;
  10. import android.graphics.drawable.shapes.Shape;
  11. import android.os.Build;
  12. import android.util.AttributeSet;
  13. import android.widget.ImageView;
  14. public class ShapedImageView extends ImageView {
  15. private static final int SHAPE_MODE_ROUND_RECT = 1;
  16. private static final int SHAPE_MODE_CIRCLE = 2;
  17. private int mShapeMode = 0;
  18. private float mRadius = 0;
  19. private Shape mShape;
  20. private Paint mPaint;
  21. public ShapedImageView(Context context) {
  22. super(context);
  23. init(null);
  24. }
  25. public ShapedImageView(Context context, AttributeSet attrs) {
  26. super(context, attrs);
  27. init(attrs);
  28. }
  29. public ShapedImageView(Context context, AttributeSet attrs, int defStyleAttr) {
  30. super(context, attrs, defStyleAttr);
  31. init(attrs);
  32. }
  33. private void init(AttributeSet attrs) {
  34. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
  35. setLayerType(LAYER_TYPE_HARDWARE, null);
  36. }
  37. if (attrs != null) {
  38. TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.ShapedImageView);
  39. mShapeMode = a.getInt(R.styleable.ShapedImageView_shape_mode, 0);
  40. mRadius = a.getDimension(R.styleable.ShapedImageView_round_radius, 0);
  41. a.recycle();
  42. }
  43. mPaint = new Paint();
  44. mPaint.setAntiAlias(true);
  45. mPaint.setFilterBitmap(true);
  46. mPaint.setColor(Color.BLACK);
  47. mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
  48. }
  49. @Override
  50. protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
  51. super.onLayout(changed, left, top, right, bottom);
  52. if (changed) {
  53. switch (mShapeMode) {
  54. case SHAPE_MODE_ROUND_RECT:
  55. break;
  56. case SHAPE_MODE_CIRCLE:
  57. int min = Math.min(getWidth(), getHeight());
  58. mRadius = (float) min / 2;
  59. break;
  60. }
  61. if (mShape == null) {
  62. float[] radius = new float[8];
  63. Arrays.fill(radius, mRadius);
  64. mShape = new RoundRectShape(radius, null, null);
  65. }
  66. mShape.resize(getWidth(), getHeight());
  67. }
  68. }
  69. @Override
  70. protected void onDraw(Canvas canvas) {
  71. int saveCount = canvas.getSaveCount();
  72. canvas.save();
  73. super.onDraw(canvas);
  74. switch (mShapeMode) {
  75. case SHAPE_MODE_ROUND_RECT:
  76. case SHAPE_MODE_CIRCLE:
  77. if (mShape != null) {
  78. mShape.draw(canvas, mPaint);
  79. }
  80. break;
  81. }
  82. canvas.restoreToCount(saveCount);
  83. }
  84. }

持续更新中…

发表评论

表情:
评论列表 (有 0 条评论,25人围观)

还没有评论,来说两句吧...

相关阅读