blocks|key|984148|text|我将下面的xml设置为可绘制的图像视图的背景。它起作用了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984149|<?xml+version="1.0"+encoding="UTF-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android">
++++<solid+android:color="#FFFFFF"+/>
++++<stroke+android:width="1dp"+android:color="#000000"+/>
++++<padding+android:left="1dp"+android:top="1dp"+android:right="1dp"
++++++++android:bottom="1dp"+/>
</shape>|code-block|syntax|javascript|984150|然后将android:background="@drawable/yourXmlFileName"添加到您的ImageView|offset|length|style|CODE|984151|entityMap^0|0|0|3|1A|1I|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

I set the below xml to the background of the Image View as Drawable. It works.

<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;solid android:color="#FFFFFF" /&gt;
 &lt;stroke android:width="1dp" android:color="#000000" /&gt;
 &lt;padding android:left="1dp" android:top="1dp" android:right="1dp"
 android:bottom="1dp" /&gt;
&lt;/shape&gt;
</code></pre>

And then add <code>android:background="@drawable/yourXmlFileName"</code> to your <code>ImageView</code>

blocks|key|1198707|text|下面是我用来设置黑色边框的代码。请注意，我没有使用额外的xml文件作为边框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198708|<ImageView
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:src="@drawable/red_minus_icon"
++++android:background="#000000"
++++android:padding="1dp"/>|code-block|syntax|javascript|1198709|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Following is the code that i used to have black border. Note that i have not used extra xml file for border.

<pre><code>&lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@drawable/red_minus_icon"
 android:background="#000000"
 android:padding="1dp"/&gt;
</code></pre>

blocks|key|984220|text|这是一个我知道的老帖子，但我想这可能会对外面的人有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984221|如果您希望模拟一个不与形状的“纯色”重叠的半透明边框，那么可以在xml中使用它。请注意，我在这里根本没有使用“笔划”标签，因为它似乎总是与实际绘制的形状重叠。|984222|++<?xml+version="1.0"+encoding="utf-8"?>
++++<layer-list+xmlns:android="http://schemas.android.com/apk/res/android"+>

++++<item>
++++++++<shape+android:shape="rectangle"+>
++++++++++++<solid+android:color="#55111111"+/>

++++++++++++<padding
++++++++++++++++android:bottom="10dp"
++++++++++++++++android:left="10dp"
++++++++++++++++android:right="10dp"
++++++++++++++++android:top="10dp"+/>

++++++++++++<corners+android:radius="5dp"+/>
++++++++</shape>
++++</item>
++++<item>
++++++++<shape+android:shape="rectangle"+>
++++++++++++<padding
++++++++++++++++android:bottom="5dp"
++++++++++++++++android:left="5dp"
++++++++++++++++android:right="5dp"
++++++++++++++++android:top="5dp"+/>

++++++++++++<solid+android:color="#ff252525"+/>
++++++++</shape>
++++</item>
</layer-list>|code-block|syntax|javascript|984223|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is an old post I know, but I thought this might possibly help someone out there.

If you want to simulate a translucent border that doesn't overlap the shape's "solid" color, then use this in your xml. Note that I don't use the "stroke" tag here at all as it seems to always overlap the actual drawn shape.

<pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
 &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;

 &lt;item&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;solid android:color="#55111111" /&gt;

 &lt;padding
 android:bottom="10dp"
 android:left="10dp"
 android:right="10dp"
 android:top="10dp" /&gt;

 &lt;corners android:radius="5dp" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;padding
 android:bottom="5dp"
 android:left="5dp"
 android:right="5dp"
 android:top="5dp" /&gt;

 &lt;solid android:color="#ff252525" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

blocks|key|984277|text|我发现这样做要容易得多：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984278|1)编辑框架，使其包含内容(使用9patch工具)。|984279|2)将ImageView放在Linearlayout中，并设置想要作为Linearlayout背景的框架背景或颜色。当您将框架设置为在其内部包含内容时，您的ImageView将位于框架内部(就在您使用9patch工具设置内容的位置)。|offset|length|style|CODE|984280|entityMap^0|0|0|3|9|E|C|Z|C|26|9|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@$F|O|G|P|H|I]|$F|Q|G|R|H|I]|$F|S|G|T|H|I]|$F|U|G|V|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|K|$]]

I found it so much easier to do this:

1) Edit the frame to have the content inside (with 9patch tool).

2) Place the <code>ImageView</code> inside a <code>Linearlayout</code>, and set the frame background or colour you want as the background of the <code>Linearlayout</code>. As you set the frame to have the content inside itself, your <code>ImageView</code> will be inside the frame (right where you set the content with the 9patch tool).

blocks|key|984346|text|xml文件中的ImageView|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|984347|<ImageView
++++++++++++android:id="@%2Bid/myImage"
++++++++++++android:layout_width="100dp"
++++++++++++android:layout_height="100dp"

++++++++++++android:padding="1dp"
++++++++++++android:scaleType="centerCrop"
++++++++++++android:cropToPadding="true"
++++++++++++android:background="@drawable/border_image"

++++++++++++android:src="@drawable/ic_launcher"+/>|code-block|syntax|javascript|984348|使用border_image.xml名称保存下面的代码，它应该在可绘制的文件夹中|984349|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:shape="rectangle">

++++<gradient
++++++++android:angle="270"
++++++++android:endColor="#ffffff"
++++++++android:startColor="#ffffff"+/>

++++<corners+android:radius="0dp"+/>

++++<stroke
++++++++android:width="0.7dp"
++++++++android:color="#b4b4b4"+/>
</shape>|984350|如果你想给图像的边框加上圆角，那么你可以在border.xml文件中更改一行|984351|<corners+android:radius="4dp"+/>|984352|entityMap^0|7|9|0|0|2|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

<code>ImageView</code> in xml file

<pre><code>&lt;ImageView
 android:id="@+id/myImage"
 android:layout_width="100dp"
 android:layout_height="100dp"

 android:padding="1dp"
 android:scaleType="centerCrop"
 android:cropToPadding="true"
 android:background="@drawable/border_image"

 android:src="@drawable/ic_launcher" /&gt;
</code></pre>

save below code with the name of <code>border_image.xml</code> and it should be in drawable folder

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle"&gt;

 &lt;gradient
 android:angle="270"
 android:endColor="#ffffff"
 android:startColor="#ffffff" /&gt;

 &lt;corners android:radius="0dp" /&gt;

 &lt;stroke
 android:width="0.7dp"
 android:color="#b4b4b4" /&gt;
&lt;/shape&gt;
</code></pre>

if you want to give rounded corner to the border of image then you may change a line in border.xml file

<pre><code>&lt;corners android:radius="4dp" /&gt;
</code></pre>

blocks|key|984379|text|您必须在res/drawable代码中创建一个background.xml|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984380|<?xml+version="1.0"+encoding="UTF-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android">
<solid+android:color="#FFFFFF"+/>
<corners+android:radius="6dp"+/>
<stroke
++++android:width="6dp"
++++android:color="@android:color/white"+/>
<padding
++++android:bottom="6dp"
++++android:left="6dp"
++++android:right="6dp"
++++android:top="6dp"+/>
</shape>|code-block|syntax|javascript|984381|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you must create a background.xml in res/drawable this code

<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
&lt;solid android:color="#FFFFFF" /&gt;
&lt;corners android:radius="6dp" /&gt;
&lt;stroke
 android:width="6dp"
 android:color="@android:color/white" /&gt;
&lt;padding
 android:bottom="6dp"
 android:left="6dp"
 android:right="6dp"
 android:top="6dp" /&gt;
&lt;/shape&gt;
</code></pre>

blocks|key|984452|text|以下是我对这个冗长问题的最简单的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984453|<FrameLayout
++++android:layout_width="112dp"
++++android:layout_height="112dp"
++++android:layout_marginLeft="16dp"+
++++android:layout_marginRight="16dp"+
++++android:layout_centerVertical="true">
++++
++++<ImageView
++++++++android:layout_width="112dp"
++++++++android:layout_height="112dp"
++++++++android:background="#000"/>
++++
++++
++++<ImageView
++++++++android:layout_width="110dp"
++++++++android:layout_height="110dp"
++++++++android:layout_margin="1dp"
++++++++android:id="@%2Bid/itemImageThumbnailImgVw"
++++++++android:src="@drawable/banana"
++++++++android:background="#FFF"/>+</FrameLayout>|code-block|syntax|javascript|984454|在下面的answer中，我已经很好地解释了这一点，请也看看！|offset|length|984455|我希望这能对外面的人有所帮助！|984456|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/30931583/1752988^0|0|0|4|6|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Following is my simplest solution to this lengthy trouble.

<pre><code>&lt;FrameLayout
 android:layout_width="112dp"
 android:layout_height="112dp"
 android:layout_marginLeft="16dp" &lt;!-- May vary according to your needs --&gt;
 android:layout_marginRight="16dp" &lt;!-- May vary according to your needs --&gt;
 android:layout_centerVertical="true"&gt;
 &lt;!-- following imageView acts as the boarder which sitting in the background of our main container ImageView --&gt;
 &lt;ImageView
 android:layout_width="112dp"
 android:layout_height="112dp"
 android:background="#000"/&gt;
 &lt;!-- following imageView holds the image as the container to our image --&gt;
 &lt;!-- layout_margin defines the width of our boarder, here it's 1dp --&gt;
 &lt;ImageView
 android:layout_width="110dp"
 android:layout_height="110dp"
 android:layout_margin="1dp"
 android:id="@+id/itemImageThumbnailImgVw"
 android:src="@drawable/banana"
 android:background="#FFF"/&gt; &lt;/FrameLayout&gt;
</code></pre>

In the following <a href="https://stackoverflow.com/a/30931583/1752988">answer</a> I've explained it well enough, please have a look at that too!

I hope this will be helpful to someone else out there!

blocks|key|1198937|text|在下面使用的同一个xml中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198938|++++<RelativeLayout
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:background="#ffffff"+
++++++++android:padding="3dp">+

++++++++<ImageView
++++++++++++android:layout_width="160dp"
++++++++++++android:layout_height="120dp"
++++++++++++android:layout_centerHorizontal="true"
++++++++++++android:layout_centerVertical="true"
++++++++++++android:scaleType="centerCrop"+/>
++++</RelativeLayout>|code-block|syntax|javascript|1198939|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In the same xml I have used next:

<pre><code> &lt;RelativeLayout
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="#ffffff" &lt;!-- border color --&gt;
 android:padding="3dp"&gt; &lt;!-- border width --&gt;

 &lt;ImageView
 android:layout_width="160dp"
 android:layout_height="120dp"
 android:layout_centerHorizontal="true"
 android:layout_centerVertical="true"
 android:scaleType="centerCrop" /&gt;
 &lt;/RelativeLayout&gt;
</code></pre>

blocks|key|984575|text|添加一个类似res/drawables/+background+.xml的背景可绘制文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984576|<?xml+version="1.0"+encoding="UTF-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android">
++<solid+android:color="@android:color/white"+/>
++<stroke+android:width="1dp"+android:color="@android:color/black"+/>
</shape>|code-block|syntax|javascript|984577|在res/+ImageView+/foo.xml中更新布局背景：|984578|...
<ImageView
++android:layout_width="wrap_content"
++android:layout_height="wrap_content"
++android:padding="1dp"
++android:background="@drawable/background"
++android:src="@drawable/bar"+/>
...|984579|如果希望源在背景上绘制，请排除ImageView填充。|984580|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Add a background Drawable like res/drawables/background.xml:

<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;solid android:color="@android:color/white" /&gt;
 &lt;stroke android:width="1dp" android:color="@android:color/black" /&gt;
&lt;/shape&gt;
</code></pre>

Update the ImageView background in res/layout/foo.xml:

<pre><code>...
&lt;ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:padding="1dp"
 android:background="@drawable/background"
 android:src="@drawable/bar" /&gt;
...
</code></pre>

Exclude the ImageView padding if you want the src to draw over the background.

blocks|key|1199097|text|为那些谁是搜索自定义边框和形状的ImageView。您可以使用android-shape-imageview|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1199098|​|1199099|📷|atomic|1199100|1199101|只需在build.gradle中添加compile+'com.github.siyamed:android-shape-imageview:0.9.%2B@aar'即可。|style|CODE|1199102|并在您的布局中使用。|1199103|<com.github.siyamed.shapeimageview.BubbleImageView
++++android:layout_width="match_parent"
++++android:layout_height="match_parent"
++++android:src="@drawable/neo"
++++app:siArrowPosition="right"
++++app:siSquare="true"/>|code-block|syntax|javascript|1199104|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/siyamed/android-shape-imageview|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/27138daefc3e3a21b14acb6c0669f51f.png|imageAlt^0|V|N|0|0|0|0|1|1|0|0|3|C|I|1Q|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|I|3|E|5|6|7|1H|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1I|8|@$A|1J|B|1K|L|M]|$A|1L|B|1M|L|M]]|9|@]|C|$]]|$1|N|3|O|5|6|7|1N|8|@]|9|@]|C|$]]|$1|P|3|Q|5|R|7|1O|8|@]|9|@]|C|$S|T]]|$1|U|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]|12|$5|13|Y|14|C|$15|16|17|-4]]]]

For those who are searching custom border and shape of ImageView. You can use <a href="https://github.com/siyamed/android-shape-imageview" rel="nofollow noreferrer">android-shape-imageview</a>

<a href="https://i.stack.imgur.com/JTOKe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JTOKe.png" alt="image"></a>

Just add <code>compile 'com.github.siyamed:android-shape-imageview:0.9.+@aar'</code> to your <code>build.gradle</code>.

And use in your layout.

<pre><code>&lt;com.github.siyamed.shapeimageview.BubbleImageView
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:src="@drawable/neo"
 app:siArrowPosition="right"
 app:siSquare="true"/&gt;
</code></pre>

blocks|key|984726|text|首先添加您想要的背景颜色作为边框的颜色，然后|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984727|📷|atomic|offset|length|984728|​|984729|将cropToPadding更改为true，然后添加填充。|984730|然后你将拥有你的imageView的边框。|984731|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/71ef30b34f396ecb88a3bc7fa821c126.png|imageAlt^0|0|0|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@$E|X|F|Y|1|Z]]|A|$]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T|U|-4]]]]

First of adding the background colour that you want as the colour of your border, then
<a href="https://i.stack.imgur.com/rrvqQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rrvqQ.png" alt="enter image description here"></a>

change the cropToPadding to true and after that add padding.

Then you will have your border for your imageView.

blocks|key|984789|text|创建边框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984790|在可绘制文件夹中创建包含以下内容的xml文件(例如"frame_image_view.xml")：|984791|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android">
++++<stroke
++++++++android:width="@dimen/borderThickness"
++++++++android:color="@color/borderColor"+/>
++++<padding
++++++++android:bottom="@dimen/borderThickness"
++++++++android:left="@dimen/borderThickness"
++++++++android:right="@dimen/borderThickness"
++++++++android:top="@dimen/borderThickness"+/>
++++<corners+android:radius="1dp"+/>+
</shape>|code-block|syntax|javascript|984792|将@dimen/borderThickness和@color/borderColor替换为您想要的任何颜色或添加相应的尺寸/颜色。|offset|length|style|CODE|984793|将可绘制的作为背景添加到您的ImageView：|984794|<ImageView
++++++++android:id="@%2Bid/my_image_view"
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:background="@drawable/frame_image_view"
++++++++android:cropToPadding="true"
++++++++android:adjustViewBounds="true"
++++++++android:scaleType="fitCenter"+/>|984795|必须使用android:cropToPadding="true"，否则定义的填充无效。或者，在ImageView中使用android:padding="@dimen/borderThickness"来实现相同的功能。如果边框框住父对象而不是ImageView，请尝试使用android:adjustViewBounds="true"。|984796|更改边框的颜色|984797|在代码中更改边框颜色的最简单方法是使用tintBackgound属性。|984798|ImageView+img+=+findViewById(R.id.my_image_view);
img.setBackgroundTintList(ColorStateList.valueOf(Color.RED);+//+changes+border+color+to+red|984799|或|984800|ImageView+img+=+findViewById(R.id.my_image_view);
img.setBackgroundTintList(getColorStateList(R.color.newColor));|984801|别忘了定义你的newColor。|984802|entityMap^0|0|0|0|1|M|O|I|0|0|0|4|S|1N|14|3R|V|0|0|0|0|0|0|7|8|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1B|8|@$K|1C|L|1D|M|N]|$K|1E|L|1F|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|1H|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1I|8|@$K|1J|L|1K|M|N]|$K|1L|L|1M|M|N]|$K|1N|L|1O|M|N]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1P|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1R|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|6|7|1S|8|@]|9|@]|A|$]]|$1|12|3|13|5|F|7|1T|8|@]|9|@]|A|$G|H]]|$1|14|3|15|5|6|7|1U|8|@$K|1V|L|1W|M|N]]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]]|17|$]]

<h2>Create Border</h2>

Create an xml file (e.g. "frame_image_view.xml") with the following content in your drawable folder:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;stroke
 android:width="@dimen/borderThickness"
 android:color="@color/borderColor" /&gt;
 &lt;padding
 android:bottom="@dimen/borderThickness"
 android:left="@dimen/borderThickness"
 android:right="@dimen/borderThickness"
 android:top="@dimen/borderThickness" /&gt;
 &lt;corners android:radius="1dp" /&gt; &lt;!-- remove line to get sharp corners --&gt;
&lt;/shape&gt;
</code></pre>

Replace <code>@dimen/borderThickness</code> and <code>@color/borderColor</code> with whatever you want or add corresponding dimen / color.

Add the Drawable as background to your ImageView:

<pre><code>&lt;ImageView
 android:id="@+id/my_image_view"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/frame_image_view"
 android:cropToPadding="true"
 android:adjustViewBounds="true"
 android:scaleType="fitCenter" /&gt;
</code></pre>

You have to use <code>android:cropToPadding="true"</code>, otherwise the defined padding has no effect. Alternatively use <code>android:padding="@dimen/borderThickness"</code> in your ImageView to achieve the same.
If the border frames the parent instead of your ImageView, try to use <code>android:adjustViewBounds="true"</code>.

<h2>Change Color of Border</h2>

The easiest way to change your border color in code is using the tintBackgound attribute.

<pre><code>ImageView img = findViewById(R.id.my_image_view);
img.setBackgroundTintList(ColorStateList.valueOf(Color.RED); // changes border color to red
</code></pre>

or

<pre><code>ImageView img = findViewById(R.id.my_image_view);
img.setBackgroundTintList(getColorStateList(R.color.newColor));
</code></pre>

Don't forget to define your <code>newColor</code>.

blocks|key|984871|text|我几乎放弃了这件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984872|这是我使用glide加载图像的情况，请参阅detailed+glide+issue+here+about+rounded+corner+transformations和here|offset|length|984873|我的ImageView也有相同的属性，每个人都回答here+1，here+2和here+3|style|CODE|984874|android:cropToPadding="true"
android:adjustViewBounds="true"
android:scaleType="fitCenter"`
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/path_to_rounded_drawable"|code-block|syntax|javascript|984875|但还是没有成功。|984876|经过一段时间的研究后，使用来自this+SO+answer+here的foreground属性得到一个结果android:foreground="@drawable/all_round_border_white"|984877|不幸的是，它给了我“不好”的边框角，如下图所示：|984878|​|984879|📷|atomic|984880|984881|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/bumptech/glide/issues/3189#issuecomment-576369171|1|https://stackoverflow.com/q/49778043/3763032|2|https://stackoverflow.com/a/3264140/3763032|3|https://stackoverflow.com/a/24691841/3763032|4|https://stackoverflow.com/a/57404153/3763032|5|https://stackoverflow.com/a/50038312/3763032|6|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/615803bf5c3fe3be10f184e44426fe8f.jpeg|imageAlt^0|0|L|1Q|0|2C|4|1|0|2|9|P|6|2|W|6|3|13|6|4|0|0|0|Z|A|1H|1H|F|J|5|0|0|0|0|1|6|0|0^^$0|@$1|2|3|4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1P|8|@]|9|@$D|1Q|E|1R|1|1S]|$D|1T|E|1U|1|1V]]|A|$]]|$1|F|3|G|5|6|7|1W|8|@$D|1X|E|1Y|H|I]]|9|@$D|1Z|E|20|1|21]|$D|22|E|23|1|24]|$D|25|E|26|1|27]]|A|$]]|$1|J|3|K|5|L|7|28|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|29|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|2A|8|@$D|2B|E|2C|H|I]|$D|2D|E|2E|H|I]]|9|@$D|2F|E|2G|1|2H]]|A|$]]|$1|S|3|T|5|6|7|2I|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|2J|8|@]|9|@]|A|$]]|$1|W|3|X|5|Y|7|2K|8|@]|9|@$D|2L|E|2M|1|2N]]|A|$]]|$1|Z|3|V|5|6|7|2O|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|2P|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]|18|$5|13|14|15|A|$16|19]]|1A|$5|13|14|15|A|$16|1B]]|1C|$5|13|14|15|A|$16|1D]]|1E|$5|13|14|15|A|$16|1F]]|1G|$5|13|14|15|A|$16|1H]]|1I|$5|1J|14|1K|A|$1L|1M|1N|-4]]]]

I almost gave up about this.

This is my condition using glide to load image, see <a href="https://github.com/bumptech/glide/issues/3189#issuecomment-576369171" rel="nofollow noreferrer">detailed glide issue here about rounded corner transformations</a> and <a href="https://stackoverflow.com/q/49778043/3763032">here</a>

I've also the same attributes for my <code>ImageView</code>, for everyone answer <a href="https://stackoverflow.com/a/3264140/3763032">here 1</a>, <a href="https://stackoverflow.com/a/24691841/3763032">here 2</a> &amp; <a href="https://stackoverflow.com/a/57404153/3763032">here 3</a>

<pre><code>android:cropToPadding="true"
android:adjustViewBounds="true"
android:scaleType="fitCenter"`
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/path_to_rounded_drawable"
</code></pre>

But still no success.

After researching for awhile, using a <code>foreground</code> attributes from <a href="https://stackoverflow.com/a/50038312/3763032">this SO answer here</a> give a result <code>android:foreground="@drawable/all_round_border_white"</code>

unfortunately it giving me the "not nice" border corner like below image: 

<a href="https://i.stack.imgur.com/hcaQm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hcaQm.jpg" alt="enter image description here"></a>

blocks|key|984960|text|你可以使用Android+Studio中的9补丁来制作边框！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984961|我正在寻找解决方案，但我没有找到任何解决方案，所以我跳过了这一部分。|984962|然后我转到Firebase资源的谷歌图片，我意外地发现它们使用的是9patch。|984963|​|984964|📷|atomic|offset|length|984965|984966|这里有个链接：https://developer.android.com/studio/write/draw9patch|984967|您只需拖动边缘所在的位置即可。|984968|它就像Unity中的边界边缘。|984969|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/270f76ddaee273b813945edd03b5f6ad.png|imageAlt|1|LINK|MUTABLE|url|https://developer.android.com/studio/write/draw9patch^0|0|0|0|0|0|1|0|0|0|7|1H|1|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1A|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1B|8|@]|9|@$K|1C|L|1D|1|1E]]|A|$]]|$1|M|3|G|5|6|7|1F|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1G|8|@]|9|@$K|1H|L|1I|1|1J]]|A|$]]|$1|P|3|Q|5|6|7|1K|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1L|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10|11|-4]]|12|$5|13|X|14|A|$15|16]]]]

You can use 9 patch in Android Studio to make borders!
I was looking for a solution but I did not find any so I skipped that part.
Then I went to the Google images of Firebase assets and I accidentally discovered that they use 9patch.
<a href="https://i.stack.imgur.com/EPwsy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EPwsy.png" alt="9patch in action" /></a>
Here's the link: <a href="https://developer.android.com/studio/write/draw9patch" rel="nofollow noreferrer">https://developer.android.com/studio/write/draw9patch</a>
You just need to drag where the edges are.
It's just like border edge in Unity.

blocks|key|1199535|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1199536|📷|atomic|offset|length|1199537|1199538|将以下代码添加到形状中：|1199539|<gradient
++++android:angle="135"
++++android:endColor="#FF444444"
++++android:centerColor="#FFAAAAAA"
++++android:startColor="#FFFFFFFF"/>|code-block|syntax|javascript|1199540|瞧，你有一个(或多或少)缩进的边框，光源设置为左上角。调整位图的大小(相对于图像视图的大小，我在示例中使用200dp+x+200dp的图像视图和196dp+x+196dp的位图，角的半径为14dp+)和填充以获得最佳结果。切换end和startcolor以获得倒角效果。|1199541|这是你在图像中看到的形状的完整代码(保存在res/drawable中，例如border_shape.xml)：|1199542|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android">
++++<gradient
++++++++android:angle="135"
++++++++android:endColor="#FF444444"
++++++++android:centerColor="#FFAAAAAA"
++++++++android:startColor="#FFFFFFFF"/>
++++<padding
++++++++android:top="2dp"
++++++++android:left="2dp"
++++++++android:right="2dp"
++++++++android:bottom="2dp"/>
++++<corners
++++++++android:radius="30dp"/>
</shape>|1199543|在你的图像视图中这样命名：|1199544|android:scaleType="center"++++
android:background="@drawable/border_shape"
android:cropToPadding="true"
android:adjustViewBounds="true"|1199545|下面是圆角位图的代码：|1199546|Bitmap+getRoundedRectBitmap(Bitmap+bitmap,+float+radius)+{
++++Paint+paint+=+new+Paint();
++++PorterDuffXfermode+pdmode+=+new+PorterDuffXfermode(PorterDuff.Mode.SRC_IN);
++++Bitmap+bm+=+Bitmap.createBitmap(bitmap.getWidth(),+bitmap.getHeight(),+Bitmap.Config.ARGB_8888);
++++Canvas+canvas+=+new+Canvas(bm);
++++Rect+rect+=+new+Rect(0,+0,+bitmap.getWidth(),+bitmap.getHeight());
++++RectF+rectF+=+new+RectF(rect);
++++canvas.drawARGB(0,+0,+0,+0);
++++paint.setColor(0xff424242);
++++canvas.drawRoundRect(rectF,+radius,+radius,+paint);
++++paint.setXfermode(pdmode);
++++canvas.drawBitmap(bitmap,+rect,+rect,+paint);
++++return+bm;
}|1199547|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/be1ee646b9547ce0ce671f16c5cc3e46.png|imageAlt^0|0|0|1|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1C|8|@]|9|@$E|1D|F|1E|1|1F]]|A|$]]|$1|G|3|4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1H|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1I|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1K|8|@]|9|@]|A|$]]|$1|S|3|T|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|U|3|V|5|6|7|1M|8|@]|9|@]|A|$]]|$1|W|3|X|5|L|7|1N|8|@]|9|@]|A|$M|N]]|$1|Y|3|Z|5|6|7|1O|8|@]|9|@]|A|$]]|$1|10|3|11|5|L|7|1P|8|@]|9|@]|A|$M|N]]|$1|12|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19|1A|-4]]]]

<a href="https://i.stack.imgur.com/2rzxY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2rzxY.png" alt="Indented border" /></a>
Add the following code to a shape:
<pre><code>&lt;gradient
 android:angle=&quot;135&quot;
 android:endColor=&quot;#FF444444&quot;
 android:centerColor=&quot;#FFAAAAAA&quot;
 android:startColor=&quot;#FFFFFFFF&quot;/&gt;
</code></pre>
ét voila, you've got a (more or less) indented border, with the light source set to left-top. Fiddle with the size of the bitmap (in relation to the size of the imageview, I used a 200dp x 200dp imageview and a bitmap of 196dp x 196dp in the example, with a radius of 14dp for the corners) and the padding to get the best result. Switch end and startcolor for a bevelled effect.
Here's the full code of the shape you see in the image (save it in res/drawable, e.g. border_shape.xml):
<pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;shape xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
 &lt;gradient
 android:angle=&quot;135&quot;
 android:endColor=&quot;#FF444444&quot;
 android:centerColor=&quot;#FFAAAAAA&quot;
 android:startColor=&quot;#FFFFFFFF&quot;/&gt;
 &lt;padding
 android:top=&quot;2dp&quot;
 android:left=&quot;2dp&quot;
 android:right=&quot;2dp&quot;
 android:bottom=&quot;2dp&quot;/&gt;
 &lt;corners
 android:radius=&quot;30dp&quot;/&gt;
&lt;/shape&gt;
</code></pre>
And call it in your imageview like this:
<pre><code>android:scaleType=&quot;center&quot; 
android:background=&quot;@drawable/border_shape&quot;
android:cropToPadding=&quot;true&quot;
android:adjustViewBounds=&quot;true&quot;
</code></pre>
And here is the code for the bitmap with rounded corners:
<pre><code>Bitmap getRoundedRectBitmap(Bitmap bitmap, float radius) {
 Paint paint = new Paint();
 PorterDuffXfermode pdmode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);
 Bitmap bm = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
 Canvas canvas = new Canvas(bm);
 Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
 RectF rectF = new RectF(rect);
 canvas.drawARGB(0, 0, 0, 0);
 paint.setColor(0xff424242);
 canvas.drawRoundRect(rectF, radius, radius, paint);
 paint.setXfermode(pdmode);
 canvas.drawBitmap(bitmap, rect, rect, paint);
 return bm;
}
</code></pre>

How can I set a border for an <code>ImageView</code> and change its color in Android?

问Android中图像视图的边框？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android中图像视图的边框？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android中图像视图的边框？
EN