Gewusst Wie: Anzeigen Der Grenze Zu Bildansicht?

Können Sie eine Ressource erstellen (layer drawable xml) für Ihre ImageView's "Grenze" (eigentlich im hintergrund), und erklären in Ihren theme dass die ImageView's hintergrund-Ressource ist der drawable xml.

Wenn Sie diese "Grenze" geändert werden auf der Grundlage der ImageView's Zustand ( focused , selected usw.), dann sollten Sie mehr Schicht-drawables, und setzen Sie zusammen in ein xml-Selektor (Staat drawable).

Dann, in Ihrem Thema sollten Sie die ImageView's hintergrund dieser selector.xml.

Update

Unten ist ein Beispiel, wie Sie angeben, ein einfacher Rahmen, um Ihre Bilder führen, in der

Müssen Sie

1. erstellen Sie eine neue Ebene drawable-Datei (image_border.xml),
2. ändern/erstellen Sie Ihre styles.xml Datei
3. ändern/erstellen Sie Ihre colors.xml Datei
4. ändern das layout-xml-Datei (oder code) das Format anwenden, um die ImageView.

res/drawable/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/values/styles.xml

Fügen Sie die folgenden Zeilen:

<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/values/colors.xml

Fügen Sie die folgenden Zeilen:

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

- Und schließlich geben Sie den Stil Ihres ImageView in Ihrem layout-xml -:

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

InformationsquelleAutor rekaszeru

Ich habe versucht, alle oben genannten Lösungen, aber Sie funktionieren nicht für mich!
So dachte ich, eine einfache Lösung für dieses! 🙂

Ich erinnere mich, dass ich darüber gelesen FrameLayout Android in den folgenden Artikel sagen, dass es uns hilft, stapeln sich unser UI-Elemente auf der jeweils anderen in der gleichen Reihenfolge wir Sie hinzufügen.

Lösung:

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

Vorschau:

Und das ist es. Sie erhalten die folgenden wie Bildansicht!

Vor-und Nachteile:

Ich denke, das ist ziemlich einfache Lösung zu sein verwendet irgendwo anders und es ist all die Dinge, die Sie tun, sitzt an einem einzigen Ort so leichter zu Bearbeiten. Aber ich mag nicht dass Sie zwei ImageViews.

InformationsquelleAutor Randika Vishman