android - ボーダーカラーの丸い角

Question

次のコードを使用して、角を丸くし、輪郭を色付けします。

<?xml version="1.0" encoding="UTF-8"?> 

<gradient 
    android:startColor="@color/white" 
    android:endColor="@color/white" /> 

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

<stroke
    android:width="5dip"
    android:color="@color/black" />

画像は私が今得ているものを示しています。のためにstroke、丸みを帯びた角はレイアウトの外側の端にのみあり、黒い輪郭の内側の端は鋭いエッジを持つ長方形になります。鋭いエッジを丸い角に変換するにはどうすればよいですか？

Answer 1

タグを使用して、<shape>角が丸いXMLでドローアブルを作成します。（カラーグラデーションを定義するなど、シェイプタグを使用して他のことを行うこともできます）。

次のコードが役立つ場合があります。

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#ffffffff"/>    

<stroke android:width="3dp"
        android:color="#ff000000"
        />

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

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

Answer 2

必要に応じて、このカスタマイズを使用してください。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="4dp"
        android:color="@android:color/holo_blue_light" />
    <corners android:radius="6dp" />
</shape>