2016-03-01 476 views
0

我試圖搜索這個很多,但是我無法制作與android圖片中相同的按鈕。如何製作android圓形按鈕

enter image description here

我一直在嘗試使用下面的代碼,但該按鈕不是透明的,它並沒有對雙方是不錯的舍入:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="#ffffff" /> 
    <corners android:radius="15dp" /> 
</shape> 

目前,它看起來像這樣

enter image description here

我想要EditTexts和按鈕是透明的白色邊框 如果有人能夠幫助我,這將是一個很大的幫助。

+0

它不透明,因爲你已經用'ee' alpha –

+0

@ cricket_007定義了你的顏色,我刪除了這兩個'ee'仍然不會給我上面的圖片中的漂亮圓角和透明度 – Nant

+0

你能上傳它目前的樣子?我認爲你只是有一個帶有圓角的「白色」按鈕,是的? –

回答

2

定義形狀是正確的做法。如果你希望它是透明的白色邊框,你需要避免使用固體標籤並使用中風(即邊框)。

因此,例如,你都會有這樣的形狀(我們稱之爲bg_button.xmldrawable文件夾下):那麼這

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <stroke android:color="@android:color/white" android:width="1dp" /> 
    <corners android:radius="15dp" /> 
</shape> 

應用到你的意見作爲背景。這是一個例子:

<Button 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:text="Facebook" 
    android:background="@drawable/bg_button"/> 

請嘗試這不只是在Android Studio編輯器,而且在您的模擬器/設備上。在Android Studio編輯器上渲染圓角會產生問題。

+0

感謝它也適用於我! :) –

0

目前,它看起來像這樣

enter image description here

我想EditTexts和按鈕是透明帶白色邊框

通過使用下面的代碼:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <corners android:radius="35dp" /> 
    <stroke android:color="@android:color/white" android:width="1dp" /> 

    <!--<solid android:color="#ffffff" />--> 

</shape> 

我得到以下問題:

enter image description here

正如你可以在側面看到有灰色區域....

+1

定義形狀是正確的方法。正如我在其他評論中給你寫的,如果你想讓它與邊框一起透明,你需要避免使用'solid'標籤並使用'stroke'(即邊框)。因此,例如:'' – thetonrifles

+0

請將此編輯爲您的問題,因爲它不是答案。 –

+0

如何將其更改爲編輯? @ cricket_007 – Nant