1. ホーム
  2. android

[解決済み] Android LinearLayout 。LinearLayoutの周囲に影付きのボーダーを追加する

2022-04-24 03:34:55

質問

このLinearLayoutに、例と同じボーダーを作りたいのですが。

この例では、linearLayoutの全周でボーダーが同じでないことがわかります。 XML drawable ファイルを使用してこれを作成するにはどうすればよいでしょうか?

今のところ、このようにLinearLayoutの全周を囲むシンプルなボーダーを作成することしかできていません。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <corners
      android:radius="1dp"
      android:topRightRadius="0dp"
      android:bottomRightRadius="0dp"
      android:bottomLeftRadius="0dp" />
  <stroke
      android:width="1dp"
      android:color="#E3E3E1" />

  <solid android:color="@color/blanc" />

</shape>

解決方法は?

これを試してみてください。

<?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="#CABBBBBB"/>
            <corners android:radius="2dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="0dp"
        android:top="0dp"
        android:bottom="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>