中文版使用说明

ShapeImageView supports circle or rounded corners, and can draw circle background borders or rounded box background borders. In addition to the built-in properties of ImageView, 4 new display modes are added;

AlmightyShapeImageView supports the display of arbitrary graphics, only you can't think of it, you can't do it without it;

The ImageView in this library does not directly operate Bitmap, but Drawable, as long as the system's ImageView supports it, it can be displayed (such as the gif image loaded by Glide), you can use it with confidence! ! !

Special function

The first step, the root directory build.gradle

dependencies {    implementation'io.github.flyjingfish:shapeimageview:1.5.7'}

The second step, instructions for use

一、ShapeImageView Instructions for Use

ShapeImageView example

<com.flyjingfish.shapeimageviewlib.ShapeImageViewandroid:id="@+id/iv_centerCrop"android:layout_width="110dp"android:layout_height="110dp"android:layout_marginStart="10dp"android:padding="10dp"app:FlyJFish_shape="rectangle"app:FlyJFish_shape_border="rectangle"app:FlyJFish_shape_border_width="3dp"app:FlyJFish_shape_border_angle="45"app:FlyJFish_shape_left_top_radius="8dp"app:FlyJFish_shape_right_top_radius="12dp"app:FlyJFish_shape_right_bottom_radius="16dp"app:FlyJFish_shape_left_bottom_radius="20dp"app:FlyJFish_shape_border_left_top_radius="10dp"app:FlyJFish_shape_border_right_top_radius="15dp"app:FlyJFish_shape_border_right_bottom_radius="20dp"app:FlyJFish_shape_border_left_bottom_radius="25dp"app:FlyJFish_shape_border_gradient="true"app:FlyJFish_shape_border_startColor="@color/purple_200"app:FlyJFish_shape_border_endColor="@color/teal_700"android:scaleType="centerCrop" />

Outer frame use

List of properties

二、AlmightyShapeImageView Instructions for Use

AlmightyShapeImageView example（Built-in library ❤️ic_vector_heart 和 ⭐️ic_vector_star）

<com.flyjingfish.shapeimageviewlib.AlmightyShapeImageViewandroid:id="@+id/iv1"android:layout_width="110dp"android:layout_height="110dp"android:layout_marginStart="5dp"android:src="@mipmap/ic_launcher"app:FlyJFish_almighty_shape_resource="@drawable/ic_vector_heart"android:scaleType="centerCrop" />

List of properties

Method

Graphic resource setting prompt

Extra episode: If you want to use network images for your graphics resource map (that is, not packaged into apk)

Glide.with(context).load("Internet connection").into(newCustomTarget<Drawable>() {@OverridepublicvoidonResourceReady(@NonNullDrawableresource,@NullableTransition<?superDrawable>transition) {imageView.setShapeResource(resource);    }@OverridepublicvoidonLoadCleared(@NullableDrawableplaceholder) {    }});

If you want to use the svg format map directly, you can do this(This is not recommended, because svg images can be directly converted into vector images,click here to view the conversion instructions)

dependencies {    implementation'com.caverock:androidsvg-aar:1.4'}

publicclassSvgDecoderimplementsResourceDecoder<InputStream,SVG> {@Overridepublicbooleanhandles(@NonNullInputStreamsource,@NonNullOptionsoptions) {// TODO: Can we tell?returntrue;     }publicResource<SVG>decode(@NonNullInputStreamsource,intwidth,intheight,@NonNullOptionsoptions)throwsIOException {try {SVGsvg =SVG.getFromInputStream(source);if (width !=SIZE_ORIGINAL) {svg.setDocumentWidth(width);             }if (height !=SIZE_ORIGINAL) {svg.setDocumentHeight(height);             }returnnewSimpleResource<>(svg);         }catch (SVGParseExceptionex) {thrownewIOException("Cannot load SVG from stream",ex);         }     }}

publicclassSvgDrawableTranscoderimplementsResourceTranscoder<SVG,PictureDrawable> {@Nullable@OverridepublicResource<PictureDrawable>transcode(@NonNullResource<SVG>toTranscode,@NonNullOptionsoptions) {SVGsvg =toTranscode.get();Picturepicture =svg.renderToPicture();PictureDrawabledrawable =newPictureDrawable(picture);returnnewSimpleResource<>(drawable);     }}

@GlideModulepublicclassMyAppGlideModuleextendsAppGlideModule {@OverridepublicvoidregisterComponents(@NonNullContextcontext,@NonNullGlideglide,@NonNullRegistryregistry) {registry                 .register(SVG.class,PictureDrawable.class,newSvgDrawableTranscoder())                 .append(InputStream.class,SVG.class,newSvgDecoder());     }@OverridepublicbooleanisManifestParsingEnabled() {returnfalse;     }}

Uriuri =Uri.parse(ContentResolver.SCHEME_ANDROID_RESOURCE                         +"://"                         +getPackageName()                         +"/"                         +R.raw.dog_heart);GlideApp.with(this)         .as(PictureDrawable.class)         .transition(withCrossFade())         .load(uri).into(newCustomTarget<PictureDrawable>() {@OverridepublicvoidonResourceReady(@NonNullPictureDrawableresource,@NullableTransition<?superPictureDrawable>transition) {imageView.setShapeResource(resource);             }@OverridepublicvoidonLoadCleared(@NullableDrawableplaceholder) {             }         });

Uriuri =Uri.parse("http://www.clker.com/cliparts/u/Z/2/b/a/6/android-toy-h.svg");GlideApp.with(this)         .as(PictureDrawable.class)         .transition(withCrossFade())         .load(uri).into(newCustomTarget<PictureDrawable>() {@OverridepublicvoidonResourceReady(@NonNullPictureDrawableresource,@NullableTransition<?superPictureDrawable>transition) {imageView.setShapeResource(resource);             }@OverridepublicvoidonLoadCleared(@NullableDrawableplaceholder) {                         }         });

Common problem

Finally, I recommend some other libraries I wrote