2017-03-14 36 views
-2

私はこのボタンをWebサイトで見たことがあり、XMLで再作成したいと思います。しかし、私は正確にそれに一致するように次元を得ることができません。以下は私がこれまでに持っているコードですが、形が正確に一致していません。誰かが助けることを願って!アンドロイドで楕円形のボタンを作る方法は?

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid 
     android:color="@color/white"></solid> 
    <corners 
     android:radius="600dp" /> 
    <padding 
     android:left="10dp" 
     android:top="10dp" 
     android:right="10dp" 
     android:bottom="10dp" /> 
    <stroke 
     android:width="3px" android:color="@color/salmon_main"/> 
</shape> 

enter image description here

答えて

5

oval_background.xml

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

    <corners 
    android:bottomLeftRadius="30dp" 
    android:bottomRightRadius="30dp" 
    android:radius="60dp" 
    android:topLeftRadius="30dp" 
    android:topRightRadius="30dp" /> 

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

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

    <size 
    android:height="60dp" 
    android:width="270dp" /> 

</shape> 
+0

あなたは完全に形を持っています、ありがとう! –

+1

なぜマイナス記号を与える –

+0

私はそれをminused誰かwasnt。 –

0

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

     <corners android:radius="17dp" /> 

     <gradient 
      android:angle="90" /> 
     <solid android:color="#FFFFFF"/> 
     <stroke 
      android:width="2dp" 
      android:color="#FFFFFF" /> 

    </shape> 
+0

あなたのコードは貼り付けられますが、あなたの形状は実際にはXMLビューでは卵形です。上に掲げたイメージのようには見えません。 –

+0

ボタンコードを投稿する – user2025187

+0

Mohit Singh(上記)がdrawable xmlファイルを使用して質問に答えました –

0

が描画可能なフォルダ内のXMLファイルを作成し、これを試してみてください:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval" > 
    <gradient 
     android:startColor="#6586F0" 
     android:centerColor="#D6D6D6" 
     android:endColor="#4B6CD6" 
     android:angle="90"/> 
</shape> 
+0

あなたのコードを試しましたが、xmlビューでは角が少し丸みを帯びた矩形を示しています。 –

関連する問題