Show four button in same line without any space between them?

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? desired 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 enter image description here

Your actual output is extremely small, and it looks like there is no gap between them (only button bevel). Please add a bigger image of what you are getting now, and clarify whether you are trying to remove a gap, ore create a flat button (no bevel) — Zerp, Mar 25 '15 at 17:34

score 3 · Accepted Answer · edited May 23 '17 at 11:43

3

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.

edited May 23 '17 at 11:43

Community

1
1

answered Mar 25 '15 at 17:37

VadymVL

5,366
3
26
41

Can you suggest me how can I do this in api level 9. It requires minimum api level 11 – Nadim Iqbal Mar 25 '15 at 17:48
Try [this](http://stackoverflow.com/a/23206191/4671372) or [this](http://stackoverflow.com/a/14663170/4671372) way. – VadymVL Mar 25 '15 at 17:58

score 0 · Answer 2 · answered Mar 25 '15 at 17:36

0

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"

answered Mar 25 '15 at 17:36

Heshan Sandeepa

3,388
2
35
45

score 0 · Answer 3 · answered Mar 25 '15 at 17:44

0

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

answered Mar 25 '15 at 17:44

sandeepghuge141

61
1
3

Show four button in same line without any space between them?

3 Answers3