├── .gitattributes
├── .gitignore
├── README.md
├── image
    └── FigureImageView.png
├── source
    ├── FigureImageView.java
    ├── attrs.xml
    └── 示例FigureImageView.java
└── test.txt


/.gitattributes:
--------------------------------------------------------------------------------
 1 | # Auto detect text files and perform LF normalization
 2 | * text=auto
 3 | 
 4 | # Custom for Visual Studio
 5 | *.cs     diff=csharp
 6 | 
 7 | # Standard to msysgit
 8 | *.doc	 diff=astextplain
 9 | *.DOC	 diff=astextplain
10 | *.docx diff=astextplain
11 | *.DOCX diff=astextplain
12 | *.dot  diff=astextplain
13 | *.DOT  diff=astextplain
14 | *.pdf  diff=astextplain
15 | *.PDF	 diff=astextplain
16 | *.rtf	 diff=astextplain
17 | *.RTF	 diff=astextplain
18 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Windows image file caches
 2 | Thumbs.db
 3 | ehthumbs.db
 4 | 
 5 | # Folder config file
 6 | Desktop.ini
 7 | 
 8 | # Recycle Bin used on file shares
 9 | $RECYCLE.BIN/
10 | 
11 | # Windows Installer files
12 | *.cab
13 | *.msi
14 | *.msm
15 | *.msp
16 | 
17 | # Windows shortcuts
18 | *.lnk
19 | 
20 | # =========================
21 | # Operating System Files
22 | # =========================
23 | 
24 | # OSX
25 | # =========================
26 | 
27 | .DS_Store
28 | .AppleDouble
29 | .LSOverride
30 | 
31 | # Thumbnails
32 | ._*
33 | 
34 | # Files that might appear in the root of a volume
35 | .DocumentRevisions-V100
36 | .fseventsd
37 | .Spotlight-V100
38 | .TemporaryItems
39 | .Trashes
40 | .VolumeIcon.icns
41 | 
42 | # Directories potentially created on remote AFP share
43 | .AppleDB
44 | .AppleDesktop
45 | Network Trash Folder
46 | Temporary Items
47 | .apdisk
48 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # FigureImageView
 2 | ## Introduction
 3 |     本类继承自ImageView，可以用于设置图片的形状，现有圆角、圆形、扇形、环形，四种可选方式。
 4 | 可以通过set或者xml来设置圆角的半径，以及扇形、环形样式的角度。
 5 | <br>
 6 | ## Version
 7 | &nbsp;&nbsp;&nbsp;&nbsp;SdkVersion >= 19
 8 | ## Usage
 9 | ```Xml
10 | <?xml version="1.0" encoding="utf-8"?>
11 | <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
12 |               xmlns:tools="http://schemas.android.com/tools"
13 |               android:layout_width="match_parent"
14 |               android:layout_height="match_parent"
15 |               xmlns:app="http://schemas.android.com/apk/res-auto"
16 |               android:paddingBottom="@dimen/activity_vertical_margin"
17 |               android:paddingLeft="@dimen/activity_horizontal_margin"
18 |               android:paddingRight="@dimen/activity_horizontal_margin"
19 |               android:paddingTop="@dimen/activity_vertical_margin"
20 |               tools:context="com.example.administrator.customview.MainActivity"
21 |               android:orientation="vertical"
22 |               android:layout_gravity="center"
23 |               android:gravity="center"
24 |     >
25 |     <com.example.administrator.customview.FigureImageView
26 |         android:src="@mipmap/image1"
27 |         android:layout_width="match_parent"
28 |         android:layout_height="match_parent"
29 |         android:layout_weight="1"
30 |         app:mode="circle"
31 |         />
32 |     <com.example.administrator.customview.FigureImageView
33 |         android:src="@mipmap/image1"
34 |         android:layout_width="match_parent"
35 |         android:layout_height="match_parent"
36 |         android:layout_weight="1"
37 |         app:mode="round_rect"
38 |         app:radius="30dp"/>
39 |     <com.example.administrator.customview.FigureImageView
40 |         android:src="@mipmap/image1"
41 |         android:layout_width="match_parent"
42 |         android:layout_height="match_parent"
43 |         android:layout_weight="1"
44 |         app:mode="sector"
45 |         app:angle="-120"/>
46 |     <com.example.administrator.customview.FigureImageView
47 |         android:src="@mipmap/image1"
48 |         android:layout_width="match_parent"
49 |         android:layout_height="match_parent"
50 |         android:layout_weight="1"
51 |         app:mode="ring"
52 |         app:angle="-120"/>
53 | </LinearLayout>
54 | ```
55 | <br>
56 | <img src="https://github.com/Idtk/FigureImageView/blob/master/image/FigureImageView.png" alt="FigureImageView" title="FigureImageView"/>
57 | <br>
58 | 
59 | ## More
60 | ```Java
61 | <attr name="length" format="dimension"/>
62 | public void setLength(float length) {
63 |     this.length = length;
64 | }
65 | ```
66 | 可用于设置显示图片区域的大小
67 | 
68 | ## About
69 | **博客:www.idtkm.com**<br>
70 | **GitHub:https://github.com/Idtk**<br>
71 | **邮箱:IdtkMa@gmail.com**<br>
72 | 


--------------------------------------------------------------------------------
/image/FigureImageView.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Idtk/FigureImageView/902acce76a6d70b8a450f9a596cc8d89e3443058/image/FigureImageView.png


--------------------------------------------------------------------------------
/source/FigureImageView.java:
--------------------------------------------------------------------------------
  1 | package com.customview;
  2 | 
  3 | import android.content.Context;
  4 | import android.content.res.TypedArray;
  5 | import android.graphics.Canvas;
  6 | import android.graphics.Paint;
  7 | import android.graphics.Path;
  8 | import android.graphics.PorterDuff;
  9 | import android.graphics.PorterDuffXfermode;
 10 | import android.graphics.Rect;
 11 | import android.graphics.RectF;
 12 | import android.util.AttributeSet;
 13 | import android.widget.ImageView;
 14 | 
 15 | /**
 16 |  * Created by Idtk on 2016/5/29.
 17 |  * blog : http://www.idtkm.com/
 18 |  */
 19 | 
 20 | public class FigureImageView extends ImageView {
 21 | 
 22 |     protected int mViewWidth,mViewHeight;
 23 |     protected Paint mPaint = new Paint();
 24 |     protected Rect rect = new Rect();
 25 |     protected float length = 0;
 26 | 
 27 |     private RectF rectF = new RectF();
 28 |     private Path mPath = new Path();
 29 |     private Path mPath1 = new Path();
 30 | 
 31 |     private int modeFlag = 0x00;
 32 |     private static final int CIRCLE = 0x00;
 33 |     private static final int ROUNDRECT = 0x01;
 34 |     private static final int SECTOR = 0x02;
 35 |     private static final int RING = 0x03;
 36 |     private int radius = 50;
 37 |     private float angle = -120;
 38 | 
 39 |     public FigureImageView(Context context) {
 40 |         this(context,null);
 41 |     }
 42 | 
 43 |     public FigureImageView(Context context, AttributeSet attrs) {
 44 |         this(context, attrs,0);
 45 |     }
 46 | 
 47 |     public FigureImageView(Context context, AttributeSet attrs, int defStyleAttr) {
 48 |         super(context, attrs, defStyleAttr);
 49 |         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.FigureImageView, defStyleAttr,0);
 50 |         int n = array.getIndexCount();
 51 |         for (int i=0; i<n; i++){
 52 |             int attr = array.getIndex(i);
 53 |             switch (attr){
 54 |                 case R.styleable.FigureImageView_mode:
 55 |                     modeFlag = array.getInt(attr,modeFlag);
 56 |                     break;
 57 |                 case R.styleable.FigureImageView_radius:
 58 |                     radius = array.getDimensionPixelSize(attr,radius);
 59 |                     break;
 60 |                 case R.styleable.FigureImageView_angle:
 61 |                     angle = array.getFloat(attr,angle);
 62 |                     break;
 63 |                 case R.styleable.FigureImageView_length:
 64 |                     length = array.getDimensionPixelSize(attr,(int)length)*2;
 65 |                     break;
 66 |             }
 67 |         }
 68 |         array.recycle();
 69 |         mPaint.setAntiAlias(true);
 70 |         mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
 71 |         mPaint.setStyle(Paint.Style.FILL);
 72 |         mPaint.setStrokeWidth(0);
 73 |     }
 74 | 
 75 |     @Override
 76 |     protected void onSizeChanged(int w, int h, int oldw, int oldh) {
 77 |         super.onSizeChanged(w, h, oldw, oldh);
 78 |         mViewWidth = w+1;
 79 |         mViewHeight = h+1;
 80 |         size();
 81 |     }
 82 | 
 83 |     @Override
 84 |     protected void onDraw(Canvas canvas) {
 85 |         int saveCount = canvas.saveLayerAlpha(0.0F, 0.0F, canvas.getWidth(), canvas.getHeight(),
 86 |                 255, Canvas.FULL_COLOR_LAYER_SAVE_FLAG);
 87 |         super.onDraw(canvas);
 88 |         canvas.translate(mViewWidth/2,mViewHeight/2);
 89 |         mPath.addRect(-mViewWidth/2,-mViewHeight/2,mViewWidth/2,mViewHeight/2, Path.Direction.CW);
 90 |         canvas.drawPath(pathFigure(), mPaint);
 91 |         mPath.reset();
 92 |         canvas.restoreToCount(saveCount);
 93 |     }
 94 | 
 95 |     protected void size(){
 96 |         length = length==0 ? Math.min(mViewWidth,mViewHeight)/2:length;
 97 |         rect = new Rect(-(int) length, -(int) length, (int) length, (int) length);
 98 |         rectF = new RectF(-length, -length, length, length);
 99 |     }
100 | 
101 |     protected Path pathFigure(){
102 |         switch (modeFlag){
103 |             case CIRCLE:
104 |                 mPath.addCircle(0,0,length, Path.Direction.CCW);
105 |                 break;
106 |             case ROUNDRECT:
107 |                 rectF.left = -length;
108 |                 rectF.top = -length;
109 |                 rectF.right = length;
110 |                 rectF.bottom = length;
111 |                 mPath.addRoundRect(rectF,radius,radius, Path.Direction.CCW);
112 |                 break;
113 |             case SECTOR:
114 |                 mPath1.reset();
115 |                 rectF.left = -length*2;
116 |                 rectF.top = -length;
117 |                 rectF.right = length*2;
118 |                 rectF.bottom = length*3;
119 |                 mPath.moveTo(0,length);
120 |                 mPath.arcTo(rectF,angle,-angle*2-180);
121 |                 mPath1.addRect(-mViewWidth/2,-mViewHeight/2,mViewWidth/2,mViewHeight/2, Path.Direction.CCW);
122 |                 mPath.op(mPath1, Path.Op.INTERSECT);
123 |                 mPath1.reset();
124 |                 break;
125 |             case RING:
126 |                 mPath1.reset();
127 |                 rectF.left = -length*2;
128 |                 rectF.top = -length;
129 |                 rectF.right = length*2;
130 |                 rectF.bottom = length*3;
131 |                 mPath1.moveTo(0,length);
132 |                 mPath1.arcTo(rectF,angle,-angle*2-180);
133 | 
134 |                 rectF.left = -length/2;
135 |                 rectF.top = length/2;
136 |                 rectF.right = length/2;
137 |                 rectF.bottom = length*3/2;
138 |                 mPath.moveTo(0,length);
139 |                 mPath.arcTo(rectF,angle,-angle*2-180);
140 | 
141 |                 mPath.op(mPath1, Path.Op.XOR);
142 |                 mPath1.reset();
143 |         }
144 |         return mPath;
145 |     }
146 | 
147 |     public void setModeFlag(int modeFlag) {
148 |         this.modeFlag = modeFlag;
149 |     }
150 | 
151 |     public void setAngle(float angle) {
152 |         this.angle = angle;
153 |     }
154 | 
155 |     public void setRadius(int radius) {
156 |         this.radius = radius;
157 |     }
158 | 
159 |     public void setLength(float length) {
160 |         this.length = length;
161 |     }
162 | }
163 | 


--------------------------------------------------------------------------------
/source/attrs.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <resources>
 3 |     <declare-styleable name="FigureImageView">
 4 |         <attr name="mode" format="enum">
 5 |             <enum name="circle" value="0"/>
 6 |             <enum name="round_rect" value="1"/>
 7 |             <enum name="sector" value="2"/>
 8 |             <enum name="ring" value="3"/>
 9 |         </attr>
10 |         <attr name="radius" format="dimension"/>
11 |         <attr name="angle" format="float"/>
12 |         <attr name="length" format="dimension"/>
13 |     </declare-styleable>
14 | </resources>
15 | 


--------------------------------------------------------------------------------
/source/示例FigureImageView.java:
--------------------------------------------------------------------------------
  1 | package com.example.administrator.customview;
  2 | 
  3 | import android.content.Context;
  4 | import android.content.res.TypedArray;
  5 | import android.graphics.Bitmap;
  6 | import android.graphics.Canvas;
  7 | import android.graphics.Matrix;
  8 | import android.graphics.Paint;
  9 | import android.graphics.Path;
 10 | import android.graphics.Rect;
 11 | import android.graphics.RectF;
 12 | import android.graphics.Region;
 13 | import android.graphics.drawable.BitmapDrawable;
 14 | import android.graphics.drawable.Drawable;
 15 | import android.util.AttributeSet;
 16 | import android.widget.ImageView;
 17 | 
 18 | /**
 19 |  * Created by Administrator on 2016/5/29.
 20 |  */
 21 | 
 22 | public class FigureImageView extends ImageView {
 23 | 
 24 |     protected int mViewWidth,mViewHeight;
 25 |     protected Paint mPaint = new Paint();
 26 |     protected Rect rect = new Rect();
 27 |     protected float length;
 28 | 
 29 |     private RectF rectF = new RectF();
 30 |     private Path mPath = new Path();
 31 |     private Path mPath1 = new Path();
 32 |     private Path mPath2 = new Path();
 33 |     private Matrix matrix = new Matrix();
 34 |     private Bitmap b;
 35 | 
 36 |     private int modeFlag = 0x00;
 37 |     private static final int CIRCLE = 0x00;
 38 |     private static final int ROUNDRECT = 0x01;
 39 |     private static final int SECTOR = 0x02;
 40 |     private static final int RING = 0x03;
 41 |     private int radius = 50;
 42 |     private float angle = -120;
 43 | 
 44 |     public FigureImageView(Context context) {
 45 |         this(context,null);
 46 |     }
 47 | 
 48 |     public FigureImageView(Context context, AttributeSet attrs) {
 49 |         this(context, attrs,0);
 50 |     }
 51 | 
 52 |     public FigureImageView(Context context, AttributeSet attrs, int defStyleAttr) {
 53 |         super(context, attrs, defStyleAttr);
 54 |         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.FigureImageView, defStyleAttr,0);
 55 |         /*int n = array.getIndexCount();
 56 |         for (int i=0; i<n; i++){
 57 |             Log.d("TAG",i+":"+R.styleable.FigureImageView_mode+":"+R.styleable.FigureImageView_radius+":"+R.styleable.FigureImageView_angle);
 58 |             switch (i){
 59 |                 case R.styleable.FigureImageView_mode:
 60 |                     modeFlag = array.getInt(i,modeFlag);
 61 |                     break;
 62 |                 case R.styleable.FigureImageView_radius:
 63 |                     radius = array.getDimensionPixelSize(i,radius);
 64 |                     break;
 65 |                 case R.styleable.FigureImageView_angle:
 66 |                     angle = array.getFloat(i,angle);
 67 |                     break;
 68 |             }
 69 |         }*/
 70 |         modeFlag = array.getInt(R.styleable.FigureImageView_mode,modeFlag);
 71 |         radius = array.getDimensionPixelSize(R.styleable.FigureImageView_radius,radius);
 72 |         angle = array.getFloat(R.styleable.FigureImageView_angle,angle);
 73 |         array.recycle();
 74 |         mPaint.setAntiAlias(true);
 75 |         mPaint.setFilterBitmap(true);
 76 |     }
 77 | 
 78 |     @Override
 79 |     protected void onSizeChanged(int w, int h, int oldw, int oldh) {
 80 |         super.onSizeChanged(w, h, oldw, oldh);
 81 |         mViewWidth = w;
 82 |         mViewHeight = h;
 83 |         size();
 84 |         scaleBitmap();
 85 |     }
 86 | 
 87 |     @Override
 88 |     protected void onDraw(Canvas canvas) {
 89 | //        super.onDraw(canvas);
 90 |         canvas.translate(mViewWidth/2,mViewHeight/2);
 91 |         canvas.clipPath(pathFigure(), Region.Op.INTERSECT);
 92 |         mPath.reset();
 93 |         canvas.drawBitmap(b,rect,rect,mPaint);
 94 | 
 95 |     }
 96 | 
 97 | 
 98 |     private void scaleBitmap(){
 99 | 
100 |         Drawable drawable = getDrawable();
101 |         if (drawable == null) {
102 |             return;
103 |         }
104 |         if (getWidth() == 0 || getHeight() == 0) {
105 |             return;
106 |         }
107 |         if (!(drawable instanceof BitmapDrawable)) {
108 |             return;
109 |         }
110 |         b = ((BitmapDrawable) drawable).getBitmap();
111 |         if (null == b) {
112 |             return;
113 |         }
114 | 
115 |         float scaleWidth = length/b.getWidth();
116 |         float scaleHeight = length/b.getHeight();
117 |         matrix.postScale(scaleWidth,scaleHeight);
118 |         b=Bitmap.createBitmap(b,0,0,b.getWidth(),b.getHeight(),matrix,true);
119 |     }
120 | 
121 |     protected void size(){
122 |         length = Math.min(mViewWidth,mViewHeight)/2;
123 |         rect = new Rect(-(int) length, -(int) length, (int) length, (int) length);
124 |         rectF = new RectF(-length, -length, length, length);
125 |     }
126 | 
127 |     protected Path pathFigure(){
128 |         switch (modeFlag){
129 |             case CIRCLE:
130 |                 mPath.addCircle(0,0,length, Path.Direction.CW);
131 |                 break;
132 |             case ROUNDRECT:
133 |                 rectF.left = -length;
134 |                 rectF.top = -length;
135 |                 rectF.right = length;
136 |                 rectF.bottom = length;
137 |                 mPath.addRoundRect(rectF,radius,radius, Path.Direction.CW);
138 |                 break;
139 |             case SECTOR:
140 |                 rectF.left = -length*2;
141 |                 rectF.top = -length;
142 |                 rectF.right = length*2;
143 |                 rectF.bottom = length*3;
144 |                 mPath.moveTo(0,length);
145 |                 mPath.arcTo(rectF,angle,-angle*2-180);
146 |                 break;
147 |             case RING:
148 |                 rectF.left = -length*2;
149 |                 rectF.top = -length;
150 |                 rectF.right = length*2;
151 |                 rectF.bottom = length*3;
152 |                 mPath1.moveTo(0,length);
153 |                 mPath1.arcTo(rectF,angle,-angle*2-180);
154 | 
155 |                 rectF.left = -length/2;
156 |                 rectF.top = length/2;
157 |                 rectF.right = length/2;
158 |                 rectF.bottom = length*3/2;
159 |                 mPath2.moveTo(0,length);
160 |                 mPath2.arcTo(rectF,angle,-angle*2-180);
161 |                 mPath.op(mPath1,mPath2, Path.Op.XOR);
162 |         }
163 |         return mPath;
164 |     }
165 | 
166 |     public void setModeFlag(int modeFlag) {
167 |         this.modeFlag = modeFlag;
168 |     }
169 | 
170 |     public void setAngle(float angle) {
171 |         this.angle = angle;
172 |     }
173 | 
174 |     public void setRadius(int radius) {
175 |         this.radius = radius;
176 |     }
177 | }
178 | 


--------------------------------------------------------------------------------
/test.txt:
--------------------------------------------------------------------------------
1 | 111


--------------------------------------------------------------------------------