Android-向图像视图添加自定义边框

Question

I need to have an image view in my app that has a border something like the follows :

I only have the image for the border, and the imageview, and somehow need to fit the imageview inside the border (the border image is transparent - like the one used in this question is downloaded from here ).

Any suggestions on how to achieve this ?

Answer 1

There is many solutions that you can do.

• Extend an ImageView Class and Override OnDraw(Canvas) and Draw your Image on the Canvas of the ImageView by using paint and shader and provide the size of the rect to draw over then Draw the Frame.

• Set Background of ImageView as Frame and Ur Image as Src giving the a padding that will make the Src Image fit inside the Transparent Area.

Answer 2

Try this, save it as "frame.9.png" as 9patch, drop it to drawables folder:

Exampe pic in frame, it should be bigger, example:

Example as layout:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/frame">

    <ImageView
        android:layout_gravity="center"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/cat"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        />
</LinearLayout>

Result:

Remember, 9-patch cant shrink they can stretch. Info here: https://stackoverflow.com/a/14274623/619673

Cat image was downloaded from http://www.socwall.com/wallpapers/search:cat/