├── .gitignore ├── LICENSE ├── README.md ├── ShapedDraweeView ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── github │ │ └── piasy │ │ └── fresco │ │ └── draweeview │ │ └── shaped │ │ └── ShapedDraweeView.java │ └── res │ └── values │ └── attrs.xml ├── art └── shaped_drawee_view_demo.png ├── build.gradle ├── example ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── github │ │ └── piasy │ │ └── fresco │ │ └── draweeview │ │ └── shaped │ │ └── example │ │ └── MainActivity.java │ └── res │ ├── drawable-xhdpi │ ├── left_mask_alpha_big.9.png │ ├── placeholder.png │ ├── right_mask_alpha_big.9.png │ └── right_mask_black_big.9.png │ ├── drawable │ ├── ic_android.xml │ └── right_mask_black_small.9.png │ ├── layout │ └── activity_main.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── mipmap-xxxhdpi │ └── ic_launcher.png │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── colors.xml │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | **.iml 2 | .idea 3 | .gradle 4 | /local.properties 5 | bintray.properties 6 | .DS_Store 7 | **/build 8 | /captures 9 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Piasy 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ShapedDraweeView 2 | 3 | Fresco custom view with mask shape. 4 | 5 | ## Demo 6 | 7 | ![demo](art/shaped_drawee_view_demo.png) 8 | 9 | ## Usage 10 | 11 | ### Dependency 12 | 13 | ``` gradle 14 | allprojects { 15 | repositories { 16 | jcenter() 17 | } 18 | } 19 | 20 | compile 'com.github.piasy:ShapedDraweeView:1.2.1' 21 | ``` 22 | 23 | ### Layout 24 | 25 | ``` xml 26 | 33 | ``` 34 | 35 | ### Java 36 | 37 | ``` java 38 | ShapedDraweeView shapedDraweeView = (ShapedDraweeView) findViewById(R.id.mShapedDraweeView); 39 | DraweeController controller = Fresco.newDraweeControllerBuilder() 40 | .setUri(Uri.parse( 41 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 42 | .build(); 43 | shapedDraweeView.setController(controller); 44 | ``` 45 | 46 | ## SVG support 47 | 48 | At least use `appcompat:23.2.0`. 49 | 50 | Import a SVG drawable as vector drawable via AndroidStudio. 51 | 52 | `app/build.gradle` 53 | 54 | ``` gradle 55 | android { 56 | // ... 57 | 58 | defaultConfig { 59 | // ... 60 | 61 | vectorDrawables.useSupportLibrary = true 62 | } 63 | 64 | // ... 65 | } 66 | ``` 67 | 68 | Then set the `app:maskShape` value as a vector drawable. 69 | 70 | Full example is inside [example module](tree/master/example) 71 | 72 | ## Note 73 | 74 | When you see a NPE from ShapedDraweeView, it's usually because your view is not correctly initialized, e.g. zero width/height. 75 | 76 | ## Credit 77 | 78 | 1. Shape mask is from: https://github.com/siyamed/android-shape-imageview 79 | 2. Fresco custom view is from: http://fresco-cn.org/docs/writing-custom-views.html 80 | -------------------------------------------------------------------------------- /ShapedDraweeView/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | apply from: "https://raw.githubusercontent.com/Piasy/BintrayUploadScript/master/bintray.gradle" 3 | 4 | android { 5 | compileSdkVersion rootProject.ext.androidCompileSdkVersion 6 | buildToolsVersion rootProject.ext.androidBuildToolsVersion 7 | 8 | defaultConfig { 9 | minSdkVersion rootProject.ext.minSdkVersion 10 | targetSdkVersion rootProject.ext.targetSdkVersion 11 | versionCode rootProject.ext.releaseVersionCode 12 | versionName rootProject.ext.releaseVersionName 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile "com.android.support:appcompat-v7:${rootProject.ext.androidSupportSdkVersion}" 24 | compile 'com.facebook.fresco:fresco:0.13.0' 25 | } 26 | -------------------------------------------------------------------------------- /ShapedDraweeView/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/piasy/tools/android-sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /ShapedDraweeView/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /ShapedDraweeView/src/main/java/com/github/piasy/fresco/draweeview/shaped/ShapedDraweeView.java: -------------------------------------------------------------------------------- 1 | /* 2 | * The MIT License (MIT) 3 | * 4 | * Copyright (c) 2016 Piasy 5 | * 6 | * Permission is hereby granted, free of charge, to any person obtaining a copy 7 | * of this software and associated documentation files (the "Software"), to deal 8 | * in the Software without restriction, including without limitation the rights 9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | * copies of the Software, and to permit persons to whom the Software is 11 | * furnished to do so, subject to the following conditions: 12 | * 13 | * The above copyright notice and this permission notice shall be included in all 14 | * copies or substantial portions of the Software. 15 | * 16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | * SOFTWARE. 23 | * 24 | * Credit: 25 | * 1. Shape mask is from: https://github.com/siyamed/android-shape-imageview 26 | * 2. Fresco custom view is from: http://fresco-cn.org/docs/writing-custom-views.html 27 | */ 28 | 29 | package com.github.piasy.fresco.draweeview.shaped; 30 | 31 | import android.content.Context; 32 | import android.content.res.TypedArray; 33 | import android.graphics.Bitmap; 34 | import android.graphics.Canvas; 35 | import android.graphics.Matrix; 36 | import android.graphics.Paint; 37 | import android.graphics.PorterDuff; 38 | import android.graphics.PorterDuffXfermode; 39 | import android.graphics.drawable.Drawable; 40 | import android.support.annotation.NonNull; 41 | import android.support.v7.widget.AppCompatImageView; 42 | import android.util.AttributeSet; 43 | import android.util.Log; 44 | import com.facebook.drawee.drawable.ScalingUtils; 45 | import com.facebook.drawee.generic.GenericDraweeHierarchy; 46 | import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder; 47 | import com.facebook.drawee.interfaces.DraweeController; 48 | import com.facebook.drawee.view.DraweeHolder; 49 | 50 | public class ShapedDraweeView extends AppCompatImageView { 51 | private static final String TAG = ShapedDraweeView.class.getSimpleName(); 52 | 53 | private static final PorterDuffXfermode PORTER_DUFF_XFERMODE = 54 | new PorterDuffXfermode(PorterDuff.Mode.DST_IN); 55 | 56 | private Canvas maskCanvas; 57 | private Bitmap maskBitmap; 58 | 59 | private Canvas drawableCanvas; 60 | private Bitmap drawableBitmap; 61 | private Paint drawablePaint; 62 | 63 | private boolean invalidated = true; 64 | 65 | private Drawable shape; 66 | 67 | public ShapedDraweeView(Context context) { 68 | super(context); 69 | setup(context, null, 0); 70 | } 71 | 72 | public ShapedDraweeView(Context context, AttributeSet attrs) { 73 | super(context, attrs); 74 | setup(context, attrs, 0); 75 | } 76 | 77 | public ShapedDraweeView(Context context, AttributeSet attrs, int defStyle) { 78 | super(context, attrs, defStyle); 79 | setup(context, attrs, defStyle); 80 | } 81 | 82 | private DraweeHolder mDraweeHolder; 83 | 84 | private void setup(Context context, AttributeSet attrs, int defStyle) { 85 | if (getScaleType() == ScaleType.FIT_CENTER) { 86 | setScaleType(ScaleType.CENTER_CROP); 87 | } 88 | 89 | Drawable placeholder = null; 90 | if (attrs != null) { 91 | TypedArray typedArray = 92 | context.obtainStyledAttributes(attrs, R.styleable.ShapedDrawee, defStyle, 0); 93 | int shapeId = typedArray.getResourceId(R.styleable.ShapedDrawee_maskShape, -1); 94 | // AppCompatResources is added in 24.2.0, for those don't use up to date support 95 | // library, we could not use this class :( 96 | // shape = AppCompatResources.getDrawable(getContext(), shapeId); 97 | setImageResource(shapeId); 98 | shape = getDrawable(); 99 | if (shape == null) { 100 | throw new IllegalArgumentException("maskShape must be specified in layout!"); 101 | } 102 | placeholder = typedArray.getDrawable(R.styleable.ShapedDrawee_placeholder); 103 | typedArray.recycle(); 104 | } 105 | 106 | GenericDraweeHierarchy hierarchy = 107 | new GenericDraweeHierarchyBuilder(getResources()).setPlaceholderImage(placeholder) 108 | .setPlaceholderImageScaleType(ScalingUtils.ScaleType.CENTER_CROP) 109 | .setActualImageScaleType(ScalingUtils.ScaleType.CENTER_CROP) 110 | .build(); 111 | mDraweeHolder = DraweeHolder.create(hierarchy, getContext()); 112 | } 113 | 114 | public void setController(DraweeController controller) { 115 | mDraweeHolder.setController(controller); 116 | } 117 | 118 | public void invalidate() { 119 | invalidated = true; 120 | super.invalidate(); 121 | } 122 | 123 | @Override 124 | protected void onSizeChanged(int w, int h, int oldw, int oldh) { 125 | super.onSizeChanged(w, h, oldw, oldh); 126 | if (!isInEditMode()) { 127 | createMaskCanvas(w, h, oldw, oldh); 128 | } 129 | } 130 | 131 | private void createMaskCanvas(int width, int height, int oldw, int oldh) { 132 | boolean sizeChanged = width != oldw || height != oldh; 133 | boolean isValid = width > 0 && height > 0; 134 | if (isValid && (maskCanvas == null || sizeChanged)) { 135 | maskCanvas = new Canvas(); 136 | maskBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); 137 | maskCanvas.setBitmap(maskBitmap); 138 | 139 | paintMaskCanvas(maskCanvas, width, height); 140 | 141 | drawableCanvas = new Canvas(); 142 | drawableBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); 143 | drawableCanvas.setBitmap(drawableBitmap); 144 | drawablePaint = new Paint(Paint.ANTI_ALIAS_FLAG); 145 | invalidated = true; 146 | } 147 | } 148 | 149 | protected void paintMaskCanvas(Canvas maskCanvas, int width, int height) { 150 | if (shape != null) { 151 | shape.setBounds(0, 0, width, height); 152 | shape.draw(maskCanvas); 153 | } 154 | } 155 | 156 | @Override 157 | protected void onDraw(Canvas canvas) { 158 | int saveCount = 159 | canvas.saveLayer(0.0f, 0.0f, getWidth(), getHeight(), null, Canvas.ALL_SAVE_FLAG); 160 | try { 161 | if (invalidated) { 162 | setImageDrawable(mDraweeHolder.getTopLevelDrawable()); 163 | Drawable drawable = getDrawable(); 164 | if (drawable != null) { 165 | invalidated = false; 166 | Matrix imageMatrix = getImageMatrix(); 167 | if (imageMatrix == null) {// && mPaddingTop == 0 && mPaddingLeft == 0) { 168 | drawable.draw(drawableCanvas); 169 | } else { 170 | int drawableSaveCount = drawableCanvas.getSaveCount(); 171 | drawableCanvas.save(); 172 | drawableCanvas.concat(imageMatrix); 173 | drawable.draw(drawableCanvas); 174 | drawableCanvas.restoreToCount(drawableSaveCount); 175 | } 176 | 177 | drawablePaint.reset(); 178 | drawablePaint.setFilterBitmap(false); 179 | drawablePaint.setXfermode(PORTER_DUFF_XFERMODE); 180 | drawableCanvas.drawBitmap(maskBitmap, 0.0f, 0.0f, drawablePaint); 181 | } 182 | } 183 | 184 | if (!invalidated) { 185 | drawablePaint.setXfermode(null); 186 | canvas.drawBitmap(drawableBitmap, 0.0f, 0.0f, drawablePaint); 187 | } 188 | } catch (Exception e) { 189 | String log = "Exception occured while drawing " + getId(); 190 | Log.e(TAG, log, e); 191 | } finally { 192 | canvas.restoreToCount(saveCount); 193 | } 194 | } 195 | 196 | @Override 197 | public void onAttachedToWindow() { 198 | super.onAttachedToWindow(); 199 | attach(); 200 | } 201 | 202 | @Override 203 | public void onFinishTemporaryDetach() { 204 | super.onFinishTemporaryDetach(); 205 | attach(); 206 | } 207 | 208 | @Override 209 | public void onDetachedFromWindow() { 210 | super.onDetachedFromWindow(); 211 | detach(); 212 | } 213 | 214 | @Override 215 | public void onStartTemporaryDetach() { 216 | super.onStartTemporaryDetach(); 217 | detach(); 218 | } 219 | 220 | @Override 221 | protected boolean verifyDrawable(@NonNull Drawable dr) { 222 | return dr == mDraweeHolder.getTopLevelDrawable() || super.verifyDrawable(dr); 223 | } 224 | 225 | private void attach() { 226 | mDraweeHolder.onAttach(); 227 | mDraweeHolder.getTopLevelDrawable().setCallback(this); 228 | } 229 | 230 | private void detach() { 231 | mDraweeHolder.onDetach(); 232 | mDraweeHolder.getTopLevelDrawable().setCallback(null); 233 | } 234 | } -------------------------------------------------------------------------------- /ShapedDraweeView/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /art/shaped_drawee_view_demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/art/shaped_drawee_view_demo.png -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.1.3' 9 | classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.7.1' 10 | classpath 'com.github.dcendents:android-maven-gradle-plugin:1.5' 11 | } 12 | } 13 | 14 | allprojects { 15 | repositories { 16 | jcenter() 17 | } 18 | } 19 | 20 | task clean(type: Delete) { 21 | delete rootProject.buildDir 22 | } 23 | 24 | ext { 25 | userName = 'Piasy' 26 | developer = [ 27 | id : 'piasy', 28 | name : 'piasy', 29 | email: 'xz4215@gmail.com' 30 | ] 31 | license = [ 32 | id : 'MIT', 33 | name: 'The MIT License (MIT)', 34 | url : 'http://opensource.org/licenses/MIT' 35 | ] 36 | groupName = 'com.github.piasy' 37 | artifactName = 'ShapedDraweeView' 38 | artifactDescription = 'Fresco custom view with mask shape.' 39 | artifactLabels = ['Fresco', 'mask', 'shape'] 40 | releaseVersionCode = 4 41 | releaseVersionName = '1.2.1' 42 | 43 | androidCompileSdkVersion = 24 44 | androidBuildToolsVersion = '24.0.1' 45 | androidSupportSdkVersion = '24.2.0' 46 | minSdkVersion = 14 47 | targetSdkVersion = 24 48 | } 49 | -------------------------------------------------------------------------------- /example/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion rootProject.ext.androidCompileSdkVersion 5 | buildToolsVersion rootProject.ext.androidBuildToolsVersion 6 | 7 | defaultConfig { 8 | applicationId "com.github.piasy.fresco.draweeview.shaped.example" 9 | minSdkVersion rootProject.ext.minSdkVersion 10 | targetSdkVersion rootProject.ext.targetSdkVersion 11 | versionCode rootProject.ext.releaseVersionCode 12 | versionName rootProject.ext.releaseVersionName 13 | 14 | vectorDrawables.useSupportLibrary = true 15 | } 16 | 17 | buildTypes { 18 | release { 19 | minifyEnabled false 20 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 21 | } 22 | } 23 | } 24 | 25 | dependencies { 26 | compile (project(':ShapedDraweeView')) { 27 | exclude module: 'appcompat-v7' 28 | } 29 | compile "com.android.support:appcompat-v7:23.2.0" 30 | } -------------------------------------------------------------------------------- /example/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Users/piasy/tools/android-sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /example/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /example/src/main/java/com/github/piasy/fresco/draweeview/shaped/example/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.github.piasy.fresco.draweeview.shaped.example; 2 | 3 | import android.net.Uri; 4 | import android.os.Bundle; 5 | import android.support.v7.app.AppCompatActivity; 6 | import com.facebook.drawee.backends.pipeline.Fresco; 7 | import com.facebook.drawee.interfaces.DraweeController; 8 | import com.github.piasy.fresco.draweeview.shaped.ShapedDraweeView; 9 | 10 | public class MainActivity extends AppCompatActivity { 11 | 12 | @Override 13 | protected void onCreate(Bundle savedInstanceState) { 14 | super.onCreate(savedInstanceState); 15 | Fresco.initialize(getApplication()); 16 | 17 | setContentView(R.layout.activity_main); 18 | 19 | rightBlackSmall(); 20 | 21 | rightAlphaBig(); 22 | 23 | rightBlackBig(); 24 | 25 | leftAlphaBig(); 26 | 27 | showCenterSvg(); 28 | } 29 | 30 | private void rightBlackSmall() { 31 | ShapedDraweeView shapedDraweeView = 32 | (ShapedDraweeView) findViewById(R.id.mShapedDraweeView1); 33 | DraweeController controller = Fresco.newDraweeControllerBuilder() 34 | .setUri(Uri.parse( 35 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 36 | .build(); 37 | shapedDraweeView.setController(controller); 38 | } 39 | 40 | private void rightAlphaBig() { 41 | ShapedDraweeView shapedDraweeView = 42 | (ShapedDraweeView) findViewById(R.id.mShapedDraweeView2); 43 | DraweeController controller = Fresco.newDraweeControllerBuilder() 44 | .setUri(Uri.parse( 45 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 46 | .build(); 47 | shapedDraweeView.setController(controller); 48 | } 49 | 50 | private void rightBlackBig() { 51 | ShapedDraweeView shapedDraweeView = 52 | (ShapedDraweeView) findViewById(R.id.mShapedDraweeView3); 53 | DraweeController controller = Fresco.newDraweeControllerBuilder() 54 | .setUri(Uri.parse( 55 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 56 | .build(); 57 | shapedDraweeView.setController(controller); 58 | } 59 | 60 | private void leftAlphaBig() { 61 | ShapedDraweeView shapedDraweeView = 62 | (ShapedDraweeView) findViewById(R.id.mShapedDraweeView4); 63 | DraweeController controller = Fresco.newDraweeControllerBuilder() 64 | .setUri(Uri.parse( 65 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 66 | .build(); 67 | shapedDraweeView.setController(controller); 68 | } 69 | 70 | private void showCenterSvg() { 71 | final ShapedDraweeView shapedDraweeView = 72 | (ShapedDraweeView) findViewById(R.id.mShapedDraweeView5); 73 | DraweeController controller = Fresco.newDraweeControllerBuilder() 74 | .setUri(Uri.parse( 75 | "http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu16830.jpg")) 76 | .build(); 77 | shapedDraweeView.setController(controller); 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /example/src/main/res/drawable-xhdpi/left_mask_alpha_big.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/drawable-xhdpi/left_mask_alpha_big.9.png -------------------------------------------------------------------------------- /example/src/main/res/drawable-xhdpi/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/drawable-xhdpi/placeholder.png -------------------------------------------------------------------------------- /example/src/main/res/drawable-xhdpi/right_mask_alpha_big.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/drawable-xhdpi/right_mask_alpha_big.9.png -------------------------------------------------------------------------------- /example/src/main/res/drawable-xhdpi/right_mask_black_big.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/drawable-xhdpi/right_mask_black_big.9.png -------------------------------------------------------------------------------- /example/src/main/res/drawable/ic_android.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /example/src/main/res/drawable/right_mask_black_small.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/drawable/right_mask_black_small.9.png -------------------------------------------------------------------------------- /example/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 25 | 26 | 35 | 36 | 44 | 45 | 54 | 63 | 64 | -------------------------------------------------------------------------------- /example/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/example/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /example/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | -------------------------------------------------------------------------------- /example/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /example/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ShapedDraweeView 3 | 4 | -------------------------------------------------------------------------------- /example/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Piasy/ShapedDraweeView/d7c25e20c0c12df6f6867469e0f0ae90112e389e/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Mon Dec 28 10:00:20 PST 2015 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':example', ':ShapedDraweeView' 2 | --------------------------------------------------------------------------------