Widok niestandardowego składnika Android z zaokrąglonymi rogami

Question

Próbuję utworzyć widok z zaokrąglonymi narożnikami (i wybranym kolorem tła), który mogę ponownie wykorzystać w różnych kolorach tła; Trudno to wyjaśnić, więc tutaj jest mój kod:

/app/src/com/packagename/whatever/CustomDrawableView.java

package com.packagename.whatever; 

import android.content.Context; 
import android.content.res.TypedArray; 
import android.graphics.Canvas; 
import android.graphics.drawable.PaintDrawable; 
import android.util.AttributeSet; 
import android.view.View; 

public class CustomDrawableView extends View { 
    private PaintDrawable mDrawable; 
    int radius; 

    private void init(AttributeSet attrs) { 
     TypedArray a = getContext().obtainStyledAttributes(attrs,R.styleable.RoundedRect); 
     radius = a.getInteger(R.styleable.RoundedRect_radius, 0); 
    } 

    public CustomDrawableView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     init(attrs); 

     mDrawable = new PaintDrawable(); 
    } 

    protected void onDraw(Canvas canvas) { 
     mDrawable.setCornerRadius(radius); 
     mDrawable.draw(canvas); 
    } 
} 

Oto XML, aby wyświetlić niestandardowy komponent: /app/res/layout/test.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:ny="http://schemas.android.com/apk/res/com.packagename.whatever" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="#ffffff" 
    android:padding="10dp"> 

    <com.packagename.whatever.CustomDrawableView 
     android:id="@+id/custom" 
     android:layout_width="200dp" 
     android:layout_height="200dp" 
     android:background="#b80010" 
     ny:radius="50" 
    /> 

</LinearLayout> 

ja chce czerwone pole, aby mieć 50px zaokrąglone narożniki, ale jak zobaczysz, to nie:

Chodzi o to, że mogę łatwo zmienić kolor tła w pliku XML i automatycznie mieć ładny widok z zaokrąglonymi narożnikami, bez konieczności tworzenia wielu kanału alfa.

Dzięki za pomoc!

Answer 1

Musisz ustawić swój promień narożnika i kolor na tło ciągnione.

Oto jeden ze sposobów, który zadziała. Chwyć kolor ustawiony w Androidzie: tło, a następnie użyj go do utworzenia nowej szuflady ustawionej w tle w konstruktorze. To zadziała tak długo, jak tylko ustawisz android: tło na wartość koloru.

public CustomDrawableView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     init(attrs); 

     // pull out the background color 
     int color = attrs.getAttributeIntValue("http://schemas.android.com/apk/res/android", "background", 0xffffffff); 

     // create a new background drawable, set the color and radius and set it in place 
     mDrawable = new PaintDrawable(); 
     mDrawable.getPaint().setColor(color); 
     mDrawable.setCornerRadius(radius); 
     setBackgroundDrawable(mDrawable); 
    } 

Jeśli zastąpić OnDraw, upewnij się, zadzwoń super.onDraw (canvas) pierwsza, aby uzyskać tło narysowane.

Answer 2

Spójrz na to pytanie: How do I set the rounded corner radius of a color drawable using xml?

a być może także tymi dwoma:

How to add rounded corner to a drawable I'm using as a background in Android?
How should I give images rounded corners in Android?

Answer 3

danego prosty shapedrawable tak:

public ShapeDrawable Sd(int s){ 

float[] outerR = new float[] { 12, 12, 12, 12, 12, 12, 12, 12 }; 
ShapeDrawable mDrawable = new ShapeDrawable(new RoundRectShape(outerR, null,null)); 

      mDrawable.getPaint().setColor(s); 
return mDrawable; 
} 

można wykonaj następujące czynności:

LinearLayout l=(LinearLayout) findViewById(R.id.testLayout); 
l.setBackgroundDrawable(Sd(0xff74AC23)); 

gdzie 12 oznaczają promień. można zastosować to do dowolnego widoku dla tła do pobrania.