android - アンドロイドで3つのボタンでフッターを作成する方法は？

Question

みんな私は、左右のボタンが左右から画面の25％を占め、中央にある画像が画面の50％を占めるように、3つのボタンでフッターを作成する必要があります。 。

誰かが助けてくれたら本当に素晴らしいです。

必要なフッターの画像を投稿したかったのですが、画像を共有することはできません。

Answer 1

ここにあります：

  <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

    <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:weightSum="4" android:layout_alignParentBottom="true">
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="hello"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="2" android:text="hello"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="hello"/>
    </LinearLayout>
    </RelativeLayout>

これはどのように見えるかです：

Answer 2

すべてのアクティビティでカスタムのボトムバーが必要な場合は、すべてのアクティビティにレイアウトを含める必要があります。以下のコードが役立つと思います：

1. レイアウト ディレクトリに bottomlayout.xml を作成し、その中に下のコードをコピーして、適切な画像を使用します。

   <LinearLayout
       android:layout_width="fill_parent"
       android:layout_height="50dp"
       android:layout_alignParentBottom="true"
       android:layout_alignParentLeft="true"
       android:layout_alignParentRight="true"
       android:background="@android:color:black"
       android:gravity="center_horizontal" >
   
       <ImageButton
           android:id="@+id/btn_1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginTop="2dp"
           android:background="@drawable/img1" />
   
       <ImageButton
           android:id="@+id/btn_2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginLeft="15dp"
           android:layout_marginTop="2dp"
           android:background="@drawable/img2" />
   
       <ImageButton
           android:id="@+id/btn_3"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginLeft="15dp"
           android:layout_marginTop="2dp"
           android:background="@drawable/img3" />
   
   </LinearLayout>
   

2. 以下のように、上記の xml を下部のすべてのアクティビティに含めます。

   < LinearLayout android:id="@+id/bottombar" android:layout_width="wrap_content" android:layout_height="50dp" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android: background="@android:color:black" android:gravity="center_horizo​​ntal" >

3. .xml レイアウト ファイルに bottonlayout を含めたすべての .Java ファイルに以下のコードを記述します。

   ImageButton btn1=(ImageButton)findViewById(R.id.btn_1);
   ImageButton btn2=(ImageButton)findViewById(R.id.btn_2);
   ImageButton btn3=(ImageButton)findViewById(R.id.btn_3);
   
   btn1.setOnClickListener(new View.OnClickListener()
   {
       public void onClick(View v)
       {
           // Your Code Here....
       }
   });
   
   btn2.setOnClickListener(new View.OnClickListener()
   {
       public void onClick(View v)
       {
           // Your Code Here....
       }
   });
   
   btn3.setOnClickListener(new View.OnClickListener()
   {
       public void onClick(View v)
       {
           // Your Code Here....
       }
   });
   

Answer 3

レイアウト XML を次のように記述します。

 <LinearLayout  
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="4">
    <Button android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:text="25%"
    android:layout_weight="1"/>
    <Button android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:text="50%"
    android:layout_weight="2"/>
    <Button android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:text="25%"
    android:layout_weight="1"/>
</LinearLayout>

線形レイアウトは、親の下に揃えるために相対レイアウトに配置する必要があります。

    android:layout_alignParentBottom="true"

したがって、最終的なレイアウトは次のようになります

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
     >
    <!-- Root element should wrap to parent size. -->

    <!-- Your view xml codes. -->

    <!--Bottom bar layout should be in root element. Parent should be Relative layout so that we can always align to parent bottom-->
    <LinearLayout  
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:weightSum="4">"
        <Button android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:text="25%"
        android:layout_weight="1"/>
        <Button android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:text="50%"
        android:layout_weight="2"/>
        <Button android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:text="25%"
        android:layout_weight="1"/>
    </LinearLayout>

</RelativeLayout>

これで問題が解決することを願っています。