android - ボタン間にスペースを設定し、テキストを一行にする方法

Question

このコードを使用して、次の線を描画します

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
        android:layout_weight=".25"
    android:layout_height="fill_parent"

    android:orientation="horizontal" 



    >
    <Button
        android:id="@+id/Chemo"
        android:layout_width="match_parent"
        android:layout_weight="0.33"
        android:layout_height="wrap_content"
        android:text="Chemo" 
        android:background="@drawable/firstbuttoncolorstyle"
        android:textColor="@drawable/firstbuttontextstyle"
        android:layout_gravity="center"
        android:textSize="22dp" 

        />

    <Button
        android:id="@+id/inpatient"
                    android:layout_width="match_parent"
        android:layout_weight="0.33"
        android:layout_height="wrap_content"
        android:text="inpatient" 
        android:background="@drawable/firstbuttoncolorstyle"
         android:textColor="@drawable/firstbuttontextstyle"
        android:layout_gravity="center"
        android:textSize="22dp" 
        />

    <Button
        android:id="@+id/Mgmt"
    android:layout_width="match_parent"
    android:layout_weight="0.33"
    android:layout_height="wrap_content"
    android:text="Mgmt" 
    android:background="@drawable/firstbuttoncolorstyle"
     android:textColor="@drawable/firstbuttontextstyle"
    android:layout_gravity="center"
    android:textSize="22dp" 
    />
      </LinearLayout>       
     <LinearLayout
   android:layout_width="match_parent"
        android:layout_weight=".25"
    android:layout_height="wrap_content"

    android:orientation="horizontal" 

    >
    <Button
        android:id="@+id/PFinder"
                    android:layout_width="match_parent"
        android:layout_weight="0.23"
        android:layout_height="wrap_content"
        android:text="Patient" 
        android:background="@drawable/secondbuttoncolorstyle"
        android:textColor="@drawable/secondbuttontextstyle"
                  android:layout_gravity="center"
        android:textSize="22dp" 
        />

    <Button
        android:id="@+id/Afinder"
                    android:layout_width="match_parent"
        android:layout_weight="0.23"
        android:layout_height="wrap_content"
        android:text="Appointement" 
        android:background="@drawable/secondbuttoncolorstyle"
        android:textColor="@drawable/secondbuttontextstyle"
                  android:layout_gravity="center"
        android:textSize="22dp" 
        />

    <Button
        android:id="@+id/Calender"
                    android:layout_width="match_parent"
        android:layout_weight="0.23"
        android:layout_height="wrap_content"
        android:text="Calender" 
        android:background="@drawable/secondbuttoncolorstyle"
        android:textColor="@drawable/secondbuttontextstyle"
                  android:layout_gravity="center"
        android:textSize="22dp" 
        />

    </LinearLayout>

      <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
        android:layout_weight=".25"
    android:layout_height="wrap_content"

    android:orientation="horizontal" 

    >
        <Button
        android:id="@+id/Profile"
                   android:layout_width="match_parent"
        android:layout_weight="0.33"
        android:layout_height="wrap_content"
        android:text="Profile" 
         android:background="@drawable/thirdbuttoncolorstyle"
         android:textColor="@drawable/secondbuttontextstyle"
                   android:layout_gravity="center"
        android:textSize="22dp" 
        />

      <Button
        android:id="@+id/Clear"
                    android:layout_width="match_parent"
        android:layout_weight="0.33"
        android:layout_height="wrap_content"
        android:text="Clear" 

        android:background="@drawable/thirdbuttoncolorstyle"
        android:textColor="@drawable/secondbuttontextstyle"
                  android:layout_gravity="center"
        android:textSize="22dp" 

        />

    <Button
        android:id="@+id/Logout"
         android:layout_width="match_parent"
        android:layout_weight="0.33"
        android:layout_height="wrap_content"
        android:text="Logout" 
        android:background="@drawable/thirdbuttoncolorstyle"
        android:textColor="@drawable/secondbuttontextstyle"
        android:layout_gravity="center"
        android:textSize="22dp" 


        />



    </LinearLayout>



              <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
        android:layout_weight="0.25"
    android:layout_height="wrap_content"

    android:orientation="horizontal" 

    >
            <ImageButton
    android:id="@+id/maillme"
                android:layout_width="wrap_content"

    android:layout_height="wrap_content"
    android:background="@drawable/mail" 
      android:layout_gravity="center"
    />


                <ImageButton
    android:id="@+id/callme"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/call" 
      android:layout_gravity="center"
    />

    </LinearLayout>



   </LinearLayout>

しかし、以下は出力です

ボタンの間にスペースを設定し、たとえばカレンダーの単語を1行にする方法

よろしくお願いします

Answer 1

あなたの例を見ると、 textSize を 20 に減らす必要があります...したがって、calendar&impatientは適切に収まります。

ヒント：spテキストサイズとdpコントロールの高さと幅に使用します。

マージンには :android:layout_marginRightとandroid:layout_marginLeft

それが役に立てば幸い ！

Answer 2

間隔についてはandroid:layout_marginRight、android:layout_marginLeftなどのプロパティを使用できandroid:layout_width="WRAP_CONTENT"、カレンダーボタンや次のボタンのような動作を防ぐように定義する必要があります。

Answer 3

android:layout_marginLeft = "5dp"最初の後にすべてのボタンに設定すると、テキストを1行に保つためにButton使用できると思います。android:singleLine = "true"

また、高さをすべてのボタンに等しく設定android:layout_height = "wrap_content"し、メイン レイアウトで使用します。

Answer 4

まず、スタイルを使用して、次のような属性を再利用してコードの長さを短縮する必要があります。gravity, layout_height, textColor, ...

一部のボタンの改行について。タブレットのみを扱う場合はlayout_width="wrap_content"、改行を避け、各ボタンの高さを等しくするために使用できます。

各ボタンの間に少しスペースを空けるには、前述のlayout_marginLeft