android - iOSのようにテキストとボタンを使用してAndroidでヘッダーを作成する方法

Question

iOS のようなテキストとボタン (Cetner のテキストと左右のボタン) を使用して Android でヘッダーを作成したいのですが、試してみましたが、まったく役に立ちませんでした。アプリ

Answer 1

これを試して。header.xml ファイルを作成し、以下のコードを入れて、.xml を使用して任意のレイアウト ファイルで使用しincludeます。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" 
    android:background="@drawable/titlebar"
    android:gravity="center">

     <ImageButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/back_button"
        android:background="@android:color/transparent"
        android:layout_marginLeft="5.0dip"
        android:id="@+id/imageButtonBack"
        android:contentDescription="@string/ui_image_home_description"/>

    <TextView 
        android:id="@+id/textViewTitleBar"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        style="@style/TitleBarText"
        android:singleLine="false"/>


    <ImageButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/home_button"
        android:background="@android:color/transparent"
        android:layout_marginRight="5.0dip"
        android:id="@+id/imageButtonHome"
        android:contentDescription="@string/ui_image_home_description"/>
</LinearLayout>

注 : 以下のスタイルを res/values フォルダーの style.xml に追加します。

 <style name="TitleBarText">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:layout_weight">1</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:textSize"> 17sp </item>
        <item name="android:paddingLeft">12dip</item>
        <item name="android:paddingRight">12dip</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:singleLine">true</item>
        <item name="android:ellipsize">end</item>
    </style>

Answer 2

これは簡単なものです。これを試すことができます：

<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" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" 
        android:background="@drawable/header">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="Back" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:text="Next" />

    </RelativeLayout>

</RelativeLayout>