在同一行中显示四个按钮，它们之间没有空格？

Question

I want to have four button under action bar like this. But the problem is I can not remove the space between the buttons. I used negative margin but it does not look like this. So my question is how can I achieve this design?

I did so far

    <Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sports"
        android:id="@+id/sports"
        android:layout_marginRight="-8dp"/>
    <Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Political"
        android:id="@+id/political"
        android:layout_toRightOf="@+id/sports"/>

and the output is

Answer 1

You need to add to buttons borderless style.

style="?android:attr/borderlessButtonStyle"

It is a default system style, that using in themes, to create button bars.

Without it, always will be a small margin. You can read about it here , and here , from official documentation. It allows you to create button bars, like in your screenshot.

Answer 2

Try this : Put all your buttons within Horizontal linear layout and set the width and height as follows,

    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="0.25"

Answer 3

You can use linear layout for view button in same line. Using layout_weight