web-dev-qa-db-ja.com

レイアウトの境界線

私はこのように私のレイアウトの周りにボーダーを作ろうとしています

two text areas with rounded borders

しかし、私が試みているのは、レイアウトの色を変更することだけです。国境を作らない。

私のコードは

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
> 

<stroke Android:width="1dp"

        Android:color="#eedfcc"
        Android:background="#000080"/>

<corners Android:bottomRightRadius="20dp"
         Android:bottomLeftRadius="20dp" 
         Android:topLeftRadius="10dp"
         Android:topRightRadius="8dp"/> 
</shape>

なぜうまくいかないのですか？

androidborderandroid-linearlayout
15
MBMJ

これを試して：

STEP 1：ファイルを作成layout_border.xmlプロジェクトのdrawablesディレクトリ（res/drawable/layout_border.xml）内：

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"> 
    <solid Android:color="#FFFFFF"/> 
    <stroke Android:width="3dip" Android:color="#B1BCBE" />
    <corners Android:radius="10dip"/>
    <padding Android:left="0dip" Android:top="0dip" Android:right="0dip" Android:bottom="0dip" />
</shape>

ステップ2：

<EditText 
    Android:id="@+id/edittext"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@drawable/layout_border"
     />
51
ρяσѕρєя K

ファイル「res/drawable/my_border.xml」を作成し、形状を定義します。

<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <stroke Android:width="4dp" Android:color="#FF00FF00" />
    <solid Android:color="#ffffff" />
    <padding Android:left="7dp" Android:top="7dp"
            Android:right="7dp" Android:bottom="7dp" />
    <corners Android:radius="4dp" />
</shape>

次に、これをレイアウトタグ内の背景として追加します。

Android:background="@drawable/my_border"
3
Erol

ソリューション1：

my_edittext_bg

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >    
    <!-- Color of the border -->
    <stroke
      Android:width="2dp"
      Android:color="#FF0000" />
    <!-- Use this if you want to round your Corners -->
    <corners Android:radius="5dp" />
    <!-- Use this attribute if you want add some paddings -->
    <padding Android:left="0dip" Android:top="0dip" Android:right="0dip" Android:bottom="0dip" />
    </shape>

これを編集テキストの背景として設定します

 Android:background="@drawable/my_edittext_bg"

ソリューション2：

EditTextの背景として、この9パッチのドローアブルを使用します

enter image description here

2
K_Anas

このコードを試してください：

<EditText 
    Android:id="@+id/edittext1"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@drawable/textboxes"
     />

そして、「textboxes」という名前のドローアブルフォルダーにxmlファイルを作成し、次のコードを記述します。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
<stroke
    Android:color="#f269be"
    Android:width="2dp" />
<solid
    Android:color="#ffffff" />
</shape>

丸みを帯びたコーナーの境界線、これを書く：

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
<solid Android:color="#009FFFFF"/>
<corners Android:radius="10px"/>
<padding Android:left="1dp" Android:top="2dp" Android:right="2dp" Android:bottom="2dp" /> 
<stroke Android:width="2dp" Android:color="#AAAAAA" />
</shape>
1
Krishna Suthar