android - 丸みを帯びた角、実線の境界線、グロー効果を備えた ImageView

Question

カスタムの境界線の色を使用して、丸みを帯びた角と境界線を ImageView に配置したいと考えています。また、ボーダーの色で光る効果を実現したいと思います。サンプル画像を添付します。ソース画像には正方形の境界線があることに注意してください。これは、Canvas を使用することによってのみ達成できると思いますか? アイデアとサンプルコードはありますか?

Answer 1

これは、必要に応じて同じ変更を行うために ImageView に対して行ったことです。

image_shape.xml を 1 つ作成

    <?xml version="1.0" encoding="UTF-8"?>
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke 
        android:width="1dp" 
        />
    <corners 
        android:radius="50dp" />

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


    <solid android:color="#10151D"/>

</shape>

次に、この xml を imageView の背景として配置すると、必要な効果が得られます。今、私は自分の色を設定しています。希望の色を入れて、丸みを帯びたグローボーダー効果として効果を得ることができます。

Answer 2

ドローアブル フォルダーにある roundCorners という名前の新しい xml ファイルで次のコードを使用してみてください。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<solid android:color="#000000" />

<stroke
    android:width="1dp"
    android:color="#DDDDDD" />

<corners
    android:bottomLeftRadius="2dp"
    android:bottomRightRadius="2dp"
    android:topLeftRadius="2dp"
    android:topRightRadius="2dp" />

</shape>

次に、レイアウト ファイルで ImageView の背景として設定します。

android:background="@drawable/roundCorners"