Pulsante arrotondato in Android

Question

Desidero creare pulsanti arrotondati in un programma Android. Ho guardato How to create EditText with rounded corners?

Quello che voglio ottenere è:

1. arrotondato Bottoni bordo
2. Change Pulsante sfondo/apparizione su diversi stati (come Onclick, Focus)
3. usare il mio PNG per lo sfondo e non creare una forma.

Answer 1

È possibile eseguire un pulsante angolo arrotondato senza ricorrere a un ImageView.

Una risorsa selettore sfondo, button_background.xml:

<?xml version="1.0" encoding="utf-8" ?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- Non focused states 
     --> 
     <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/button_unfocused" /> 
     <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/button_unfocused" /> 
    <!-- Focused states 
     --> 
     <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/button_focus" /> 
     <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/button_focus" /> 
    <!-- Pressed 
     --> 
     <item android:state_pressed="true" android:drawable="@drawable/button_press" /> 
    </selector> 

Per ogni stato, una risorsa drawable, ad esempio button_press.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
    <stroke android:width="1dp" android:color="#FF404040" /> 
    <corners android:radius="6dp" /> 
    <gradient android:startColor="#FF6800" android:centerColor="#FF8000" android:endColor="#FF9700" android:angle="90" /> 
</shape> 

Nota attribuiscono gli angoli, questo si ottiene angoli arrotondati

android:background="@drawable/button_background" 

Answer 2

Estendere ImageView in questo modo:

public class RoundedImageView extends ImageView { 
    private static final String TAG = "RoundedImageView"; 

    private float mRadius = 0f; 

    public RoundedImageView(Context context) { 
    super(context); 
    } 

    public RoundedImageView(Context context, AttributeSet attrs) { 
    super(context, attrs); 

    // retrieve styles attributes 
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundedView); 
    mRadius = a.getDimension(R.styleable.RoundedView_radius, 0f); 
    a.recycle(); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
    // only do this if we actually have a radius 
    if(mRadius > 0) { 
     RectF rect = new RectF(0, 0, getWidth(), getHeight()); 
     Path clipPath = new Path(); 
     clipPath.addRoundRect(rect, mRadius, mRadius, Path.Direction.CW); 
     canvas.clipPath(clipPath); 
    } 
    super.onDraw(canvas); 
    } 
} 

e applicare la vostra risorsa sfondo normale ad esso e devono essere tagliate con angoli arrotondati.

Answer 3

It is recommended by Google che non elementi dell'interfaccia utente mimici da altre piattaforme. Non metterei pulsanti arrotondati stile iOS in un'applicazione Android.

Answer 4

Se avete bisogno di un pulsante rotondo in Android, quindi creare un file XML "RoundShapeBtn.xml", come drawable.

<?xml version="1.0" encoding="utf-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="10dp"> 
    <solid android:color="#6E6E6E"/> <!-- this one is ths color of the Rounded Button --> 
    <corners 
    android:bottomRightRadius="10dp" 
    android:bottomLeftRadius="10dp" 
    android:topLeftRadius="10dp" 
    android:topRightRadius="10dp"/> 
</shape> 

Aggiungi questo al codice del pulsante:

android:background="@drawable/RoundShapeBtn" 

Answer 5

questo può essere fatto utilizzando l'attributo angolo. Guarda il sotto xml.

<item> 
    <shape android:shape="rectangle" > 
     <stroke 
      android:height="1.0dip" 
      android:width="1.0dip" 
      android:color="#ffee82ee" /> 

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

     <corners 
      android:bottomLeftRadius="102.0dip" 
      android:bottomRightRadius="102.0dip" 
      android:radius="102.0dip" 
      android:topLeftRadius="102.0dip" 
      android:topRightRadius="102.0dip" /> 
    </shape> 
</item> 

Answer 6

E 'molto meglio mettere gli stati dei pulsanti e le forme in un file di selezione 1 xml. Ciò dovrebbe rendere la tua app più veloce/migliore. Prova questo (per gentile concessione di Introduzione allo sviluppo di applicazioni Android). Non spammare qui solo mostrando questo non è il mio codice.

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

    <item android:state_pressed="true" > 
    <shape android:shape="rectangle" > 
    <corners android:radius="12dip" /> 
    <stroke android:width="1dip" android:color="#333333" /> 
    <gradient android:angle="-90" android:startColor="#333333"  android:endColor="#555555" />    
    </shape> 
    </item> 
    <item android:state_focused="true"> 
    <shape android:shape="rectangle" > 
    <corners android:radius="12dip" /> 
    <stroke android:width="1dip" android:color="#333333" /> 
    <solid android:color="#58857e"/>  
    </shape> 
    </item> 
    <item > 
    <shape android:shape="rectangle" > 
    <corners android:radius="12dip" /> 
    <stroke android:width="1dip" android:color="#333333" /> 
    <gradient android:angle="-90" android:startColor="#333333" android:endColor="#555555" />    
    </shape> 
    </item> 

    </selector> 

punta P.S.-design: le pendenze e rettangoli arrotondati vengono meglio utilizzati quando difficilmente si può dire che sono lì da usare con saggezza.

Answer 7

creare file xml nella cartella drawable in Android come:

rounded_button.xml

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

    <corners android:radius="20dp"/> // if you want clear round shape then make radius size is half of your button`s height. 
    <solid android:color="#EEFFFFFF"/> // Button Colour 
    <padding 
     android:bottom="5dp" 
     android:left="10dp" 
     android:right="10dp" 
     android:top="5dp"/> 

</shape> 

Ora questo file XML come pulsanti di sfondo.

<Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:background="@drawable/rounded_button" 
     android:text="@string/button_text" 
     android:textColor="@color/black"/> 

Answer 8

pulsanti arrotondati possono essere creare utilizzando la forma di anello drawable vedere anche la http://www.zoftino.com/android-shape-drawable-examples

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:innerRadius="0dp" 
    android:shape="ring" 
    android:thickness="40dp" 
    android:useLevel="false"> 
    <solid android:color="@color/colorPrimary" /> 
    <padding android:bottom="50dp" 
     android:left="16dp" 
     android:right="16dp" 
     android:top="50dp"/> 
</shape> 

Answer 9

rounded_bg_white.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="#fff"/> 
      <stroke android:color="#fff" android:width="2dp" /> 
      <corners android:radius="2dp" /> 
     </shape> 
    </item> 
</selector> 

rounded_button.xml

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

rounded_button_signup.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="@color/colorPrimary"/> 
      <stroke android:color="@color/colorPrimary" android:width="2dp" /> 
      <corners android:radius="30dp" /> 
     </shape> 
    </item> 
</selector>