How to create square button in android for background?

Question

I want to create square shape in background. Android studio shape doesn,t support square.How to create manually in border.xml?

Here is my code

border.xml

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

    <solid android:color="#9294a3" />

    <stroke
    android:width="2dp"
    android:color="#c2bbbb" />

    <corners android:radius="2dp" />

</shape>

my.xml

   <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:background="#9294a3">

        <TextView
        android:id="@+id/tv_2"
        android:layout_width="wrap_content"
        android:text="2"
        android:textColor="#c2bbbb"
        android:textSize="30sp"
        android:background="@drawable/border"
        android:layout_height="wrap_content" />

    </LinearLayout

Please check one of my so [answer](https://stackoverflow.com/a/10125179/392506) — Nishant Rajput, Jun 14 '17 at 10:05
@kevanaghera. When I set same height and width in textview, it show padding issue. I want to show text "2" in center in square border. — rakesh, Jun 14 '17 at 10:30
@Raj I am using 40 dp width and height. and it shows padding issue. I want to show text "2" in center in square border. — rakesh, Jun 14 '17 at 10:32
@Raj I have added image.check it.I want to show text in center. When I change screen size it show padding issue. — rakesh, Jun 14 '17 at 10:43
image size match parent replace with wrap content not work then attach the layout code — Raj, Jun 14 '17 at 10:46

score 3 · Answer 1 · answered Jun 14 '17 at 11:31

Button like this

xml

 <TextView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:background="@drawable/border"
        android:text="2"
        android:textSize="50sp"
        android:gravity="center"
        android:textColor="#ffffff"
        android:padding="5dp"/>

Style (drawable/border.xml)

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/colorGray"/>
            <stroke android:color="@color/colorBlack"
                android:width="4dp" />
            <!--corners allow us to make the rounded corners button-->
            <corners android:radius="15dp" />
        </shape>
    </item>
</selector>

score 0 · Answer 2 · answered Jun 14 '17 at 10:39

you should specify shape='Rectangle' for square it will be better.

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

<solid android:color="#9294a3" />

<stroke
android:width="2dp"
android:color="#c2bbbb" />

<corners android:radius="2dp" />

score 0 · Accepted Answer · edited Jul 19 '17 at 04:45

0

<TextView
        android:id="@+id/input_name"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_gravity="right"
        android:direction="center"
        android:gravity="center"/>

edited Jul 19 '17 at 04:45

Mohammed Farhan

1,120
8
14

answered Jun 14 '17 at 10:41

Kevan Aghera

241
3
14

How to create square button in android for background?

3 Answers3