Jak utworzyć standardowe przyciski bez obramowania(jak w wytycznych dotyczących projektowania)?

Po prostu dodaj następujący atrybut stylu w znaczniku Button:

    style="?android:attr/borderlessButtonStyle"

Źródło: http://developer.android.com/guide/topics/ui/controls/button.html#Borderless

Następnie można dodać dzielniki jak w odpowiedź Karla .

Późna odpowiedź, ale wiele poglądów. Ponieważ APIs

Niech twój pojemnik będzie miał pożądany kolor (może być przezroczysty). Następnie daj przyciskom selektor z domyślnym przezroczystym kolorem i trochę koloru po naciśnięciu. W ten sposób będziesz miał przezroczysty przycisk, ale zmieni kolor po naciśnięciu (jak holo). Możesz również dodać animację (jak holo). Selektor powinien być coś takiego:

res/drawable/selector_transparent_button.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" 
          android:exitFadeDuration="@android:integer/config_shortAnimTime">
     <item android:state_pressed="true"
         android:drawable="@color/blue" />

   <item android:drawable="@color/transparent" />
</selector>

I przycisk powinien have android:background="@drawable/selector_transparent_button"

PS: niech kontener będzie miał dzielniki (android:divider='@android:drawable/... dla API

PS [Newbies]: powinieneś zdefiniować te kolory w values / colors.xml

Dla tych, którzy chcą przycisków bez obramowania, ale nadal animowanych po kliknięciu. Dodaj to w przycisku.

style="?android:attr/borderlessButtonStyle"

Jeśli chcesz dzielnik / linię między nimi. Dodaj to w układzie liniowym.

style="?android:buttonBarStyle"

Podsumowanie

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:orientation="horizontal"
   style="?android:buttonBarStyle">

    <Button
        android:id="@+id/add"
        android:layout_weight="1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/add_dialog" 
        style="?android:attr/borderlessButtonStyle"
        />

    <Button
        android:id="@+id/cancel"
        android:layout_weight="1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/cancel_dialog" 
        style="?android:attr/borderlessButtonStyle"
        />

</LinearLayout>

Dla stylu materiału dodaj style="@style/Widget.AppCompat.Button.Borderless" podczas korzystania z biblioteki AppCompat.

Z iosched app source wymyśliłem tę ButtonBar klasę:

/**
 * An extremely simple {@link LinearLayout} descendant that simply reverses the 
 * order of its child views on Android 4.0+. The reason for this is that on 
 * Android 4.0+, negative buttons should be shown to the left of positive buttons.
 */
public class ButtonBar extends LinearLayout {

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

    public ButtonBar(Context context, AttributeSet attributes) {
        super(context, attributes);
    }

    public ButtonBar(Context context, AttributeSet attributes, int def_style) {
        super(context, attributes, def_style);
    }

    @Override
    public View getChildAt(int index) {
        if (_has_ics)
            // Flip the buttons so that "OK | Cancel" becomes "Cancel | OK" on ICS
            return super.getChildAt(getChildCount() - 1 - index);

        return super.getChildAt(index);
    }

    private final static boolean _has_ics = Build.VERSION.SDK_INT >= 
                                        Build.VERSION_CODES.ICE_CREAM_SANDWICH;
}

To będzie LinearLayout, w które wejdą przyciski " OK " i "anuluj" i poradzą sobie z umieszczeniem ich w odpowiedniej kolejności. Następnie umieść to w układzie, w którym chcesz umieścić przyciski:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:divider="?android:attr/dividerHorizontal"
          android:orientation="vertical"
          android:showDividers="middle">
    <!--- A view, this approach only works with a single view here -->
    <your.package.ButtonBar style="?android:attr/buttonBarStyle"
        android:id="@+id/buttons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="1.0">
        <Button style="?android:attr/buttonBarButtonStyle"
            android:id="@+id/ok_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:text="@string/ok_button" />
        <Button style="?android:attr/buttonBarButtonStyle"
            android:id="@+id/cancel_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:text="@string/cancel_button" />
    </your.package.ButtonBar>
</LinearLayout>

To daje wygląd okna dialogowego z przyciskami bez obramowania. Te atrybuty można znaleźć w res w ramach. buttonBarStyle wykonuje pionowy dzielnik i wyściółkę. {[5] } jest ustawione jako borderlessButtonStyle dla tematu Holo, ale uważam, że powinien to być najbardziej solidny sposób wyświetlania go, ponieważ framework chce go wyświetlić.

Spójrz na atrybuty motywubuttonBarStyle, buttonBarButtonStyle, i borderlessButtonStyle.

Przyciski można również tworzyć bezramkowo za pomocą kodu:

TypedValue value= new TypedValue();
getApplicationContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground, value, true);
 myButton.setBackgroundResource(value.resourceId);

Dla tych, którzy chcą programowo utworzyć przycisk bezramkowy dla API > = 8

ImageButton smsImgBtn = new ImageButton(this);
//Sets a drawable as the content of this button
smsImgBtn.setImageResource(R.drawable.message_icon);    
//Set to 0 to remove the background or for bordeless button
smsImgBtn.setBackgroundResource(0);

Innym rozwiązaniem, które powinno działać zarówno na starszej, jak i nowszej platformie android, jest użycie

android:background="@android:color/transparent"

Atrybut widoku przycisków. Ale po dodaniu powyżej przycisk linii nie dostarczy informacji zwrotnej dotyku.

Aby zapewnić sprzężenie zwrotne z dotykiem, Dodaj następujący kod do klasy aktywności

button.setOnTouchListener(new View.OnTouchListener() {          
    @Override
    public boolean onTouch(View view, MotionEvent event) {
        switch (event.getAction())
        {
            case MotionEvent.ACTION_DOWN:    
                ((Button)view).setBackgroundColor(Color.LTGRAY);
                break;
            case MotionEvent.ACTION_UP:
                ((Button)view).setBackgroundColor(Color.TRANSPARENT);
        }
        return false;
    }
});

Dla wszystkich, którzy wciąż szukają:

Dziedzicz swój własny styl dla Holo buttonbars:

<style name="yourStyle" parent="@android:style/Holo.ButtonBar">
  ...
</style>

Lub Światło Holo:

<style name="yourStyle" parent="@android:style/Holo.Light.ButtonBar">
  ...
</style>

I dla przycisków Holo bez obramowania:

<style name="yourStyle" parent="@android:style/Widget.Holo.Button.Borderless.Small">
  ...
</style>

Lub Światło Holo:

<style name="yourStyle" parent="@android:style/Widget.Holo.Light.Button.Borderless.Small">
  ...
</style>

Użyj poniższego kodu w pliku xml. Użyj android: background= "#00000000", aby mieć przezroczysty kolor.

<Button
   android:id="@+id/btnLocation"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:background="#00000000"
   android:text="@string/menu_location"
   android:paddingRight="7dp"
/>

Możesz użyć AppCompat Support Library dla przycisku bez obramowania.

Możesz zrobić przycisk bez obramowania w ten sposób:

<Button
    style="@style/Widget.AppCompat.Button.Borderless"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp" 
    android:text="@string/borderless_button"/>

Możesz zrobić kolorowy przycisk bez obramowania w następujący sposób:

<Button
    style="@style/Widget.AppCompat.Button.Borderless.Colored"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp" 
    android:text="@string/borderless_colored_button"/>

W ten sposób programowo tworzysz przycisk bez obramowania (płaski) bez użycia XML

ContextThemeWrapper myContext = new ContextThemeWrapper(this.getActivity(), 
   R.style.Widget_AppCompat_Button_Borderless_Colored);

Button myButton = new Button(myContext, null, 
   R.style.Widget_AppCompat_Button_Borderless_Colored);

Z jakiegoś powodu ani style="Widget.Holo.Button.Borderless" Ani android:background="?android:attr/selectableItemBackground" nie zadziałały dla mnie. Aby być bardziej precyzyjnym Widget.Holo.Button.Borderless zrobił to na Androidzie 4.0, ale nie działał na Androidzie 2.3.3. Co mi się udało w obu wersjach To android:background="@drawable/transparent" i ten XML w res/drawable / transparent.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" >
</shape>

Świetny pokaz slajdów na Jak osiągnąć pożądany efekt z Googles Nick Butcher (Zacznij od slajdu 20). Używa standardowego Androida @attr do stylizacji przycisku i dzielnika.

Dodając do górnej odpowiedzi Możesz również użyć widoków z ciemnoszarym kolorem tła w układzie liniowym.

<View
    android:layout_width="match_parent"
    android:layout_height="1dip"
    android:layout_marginBottom="4dip"
    android:layout_marginLeft="4dip"
    android:layout_marginRight="4dip"
    android:layout_marginTop="4dip"
    android:background="@android:color/darker_gray"/>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="4dip"
    android:orientation="horizontal"
    android:weightSum="1">

    <Button
        android:id="@+id/button_decline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_weight="0.50"
        android:background="?android:attr/selectableItemBackground"
        android:padding="10dip"
        android:text="@string/decline"/>

    <View
        android:layout_width="1dip"
        android:layout_height="match_parent"
        android:layout_marginLeft="4dip"
        android:layout_marginRight="4dip"
        android:background="@android:color/darker_gray"/>

    <Button
        android:id="@+id/button_accept"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_weight="0.50"
        android:background="?android:attr/selectableItemBackground"
        android:padding="10dip"
        android:text="@string/accept"/>
</LinearLayout>

Jeśli linia jest pozioma, należy ustawić wysokość na 1dip i szerokość, aby pasowały do linii nadrzędnej i odwrotnie, jeśli linia jest pionowa.

Jeśli chcesz osiągnąć to samo programowo:

(jest to C# , ale łatwo przełączyć na Javę)

Button button = new Button(new ContextThemeWrapper(Context, Resource.Style.Widget_AppCompat_Button_Borderless_Colored), null, Resource.Style.Widget_AppCompat_Button_Borderless_Colored);

Mecz

    <Button
       style="@style/Widget.AppCompat.Button.Borderless.Colored"
    .../>

Spróbuj tego kodu, aby programowo usunąć tło drawable (@drawable/bg), po prostu musimy podać null jako parametr.

Button btn= new Button(this);
btn.setText("HI");
btn.setBackground(null);