如何显示边框到Imageview？

Question

朋友如何显示边框到Imageview？

我想要结果像移动画廊所有图像显示带边框。

PLZ给我ANS感谢提前....

Answer 1

您可以为您的ImageView的‘边界’（实际上是背景）的资源（层绘制XML），并在theme的ImageView声明的背景资源是可绘制的XML。

如果你需要这个“边界”的基础上ImageView的状态（focused，selected等）被改变，那么你就应该创造更多的层可绘制，并把它们连成一个选择XML（可拉伸的状态） 。
然后在您的主题中，您应该将ImageView的背景设置为selector.xml。

更新
下面是如何指定一个简单的边框为图像的样本，这将导致

你必须

1. 创建一个新层可绘制文件（image_border.xml），
2. 修改/创建您的styles.xml文件
3. 修改/创建colors.xml文件
4. 修改您的布局xml文件（或者代码）的样式应用到ImageView。

RES /抽拉/ image_border.xml

<?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> 

RES /值/ styles.xml
添加下列行：

<style name="myImageView"> 
    <!-- 3dp so the background border to be visible --> 
    <item name="android:padding">3dp</item> 
    <item name="android:background">@drawable/image_border</item> 
    <item name="android:scaleType">fitCenter</item> 
</style> 

RES /值/ colors.xml
添加以下行：

<color name="image_border_start">#40990000</color> 
<color name="image_border_end">#FF660000</color> 
<color name="image_border_center">#FFFF3333</color> 

最后指定您布局XML您ImageView的风格：

<ImageView android:id="@+id/my_image" 
    android:layout_width="100dp" android:layout_height="100dp" 
    android:src="@drawable/efteling" 
    style="@style/myImageView" /> 

Answer 2

您可以使用此XML文件作为绘制的，而不是多个文件，但这个 文件被放置在可绘制的文件夹中。在ImageView中，使用这个XML文件作为 后台可绘制，如：android:background="@drawable/following code file name"。

我希望这对你有帮助。

<?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> 

Answer 3

我尝试了所有上述解决方案，但他们不适合我！ 所以我想出了一个简单的解决方案！ :-)

我记得我在下面的article上阅读了关于Android的FrameLayout，它说它可以帮助我们按照我们添加它们的相同顺序堆叠我们的UI元素。

解决方案：

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

前瞻：

就是这样。你会得到如下imageView！

优点和缺点：

我觉得这是很简单的解决方案在其他地方使用，它是你做的所有事情坐落在一个单独的地方，以便更容易地对其进行修改。但我不喜欢不得不添加两个ImageView。