StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You can create a resource (layer drawable xml) for your <code>ImageView</code>'s "border" (actually background), and declare in your <code>theme</code> that the <code>ImageView</code>'s background resource is the drawable xml.</p> <p>If you need this "border" to be changed based on the <code>ImageView</code>'s state (<code>focused</code>, <code>selected</code>, etc.), then you should create more layer drawables, and put them together into a selector xml (state drawable). <br /> Then in your theme you should set the <code>ImageView</code>'s background to be this <code>selector.xml</code>.</p> <p><strong>Update</strong><br /> Below is a sample of how to specify a simple border to your images, that will result in</p> <p><img src="https://i.stack.imgur.com/tz0h0.jpg" alt="efteling with border"></p> <p>You have to </p> <ol> <li>create a new layer drawable file (<code>image_border.xml</code>),</li> <li>modify/create your <code>styles.xml</code> file</li> <li>modify/create your <code>colors.xml</code> file</li> <li>modify your layout xml file (or your code) to apply the style to the <code>ImageView</code>.</li> </ol> <p><strong>res/drawable/image_border.xml</strong></p> <pre><code><?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <gradient android:angle="90" android:startColor="@color/image_border_start" android:centerColor="@color/image_border_center" android:endColor="@color/image_border_end" /> </shape> </item> <item android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp"> <shape android:shape="rectangle"> <solid android:color="@color/default_back_color" /> </shape> </item> </layer-list> </code></pre> <p><strong>res/values/styles.xml</strong><br /> Add the following lines:</p> <pre><code><style name="myImageView">  <item name="android:padding">3dp</item> <item name="android:background">@drawable/image_border</item> <item name="android:scaleType">fitCenter</item> </style> </code></pre> <p><strong>res/values/colors.xml</strong><br /> Add the following lines:</p> <pre><code><color name="image_border_start">#40990000</color> <color name="image_border_end">#FF660000</color> <color name="image_border_center">#FFFF3333</color> </code></pre> <p>And finally specify the style of your <code>ImageView</code> in your <strong>layout xml</strong>:</p> <pre><code><ImageView android:id="@+id/my_image" android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/efteling" style="@style/myImageView" /> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload