Android-ツールバーの標準の高さ


83

アプリでツールバーを作成したいのですが、Androidのツールバーの標準の高さはどれくらいですか?

指には十分な大きさで、大きくはありません。標準サイズはありますか?

回答:



35

タッチ可能な要素の推奨最小サイズは48dpです。詳細なメトリックについては、このページを参照してください


40
@nrofisツールバーのxmlで以下を設定することをお勧めしますandroid:minHeight="?attr/actionBarSize"
Jaison Brooks 2014

2
ランドスケープモードのときに小さくならないようにする必要があります
Zapnologica 2015

6

@ vedant1811の回答に加えてactionBarSize、attrsからプログラムで取得できます。

TypedValue tv = new TypedValue();
if (context.getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true))
{
    actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data, context.getResources().getDisplayMetrics());
}

2

次の方法を使用して、AppBarの高さをプログラムで取得できます

private static final int DEFAULT_TOOLBAR_HEIGHT = 56;

private static int toolBarHeight = -1;

public static int getToolBarHeight(Context context) {
        if (toolBarHeight > 0) {
            return toolBarHeight;
        }
        final Resources resources = context.getResources();
        final int resourceId = resources.getIdentifier("action_bar_size", "dimen", "android");
        toolBarHeight = resourceId > 0 ?
                resources.getDimensionPixelSize(resourceId) :
                (int) convertDpToPixel(DEFAULT_TOOLBAR_HEIGHT);
        return toolBarHeight;
    }

public static float convertDpToPixel(Context context, float dp) {
    float scale = context.getResources().getDisplayMetrics().density;
    return dp * scale + 0.5f;
}

2

以下のための携帯電話それはある56dpような大規模デバイス用とタブレットあなたはそれができるより多くのスペースを持っています64dp


1

androidにすでに存在するツールバーウィジェットを使用して、高さwrap_contentを配置できるため、それに付属するデフォルトサイズを取得することをお勧めします。

ここに

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:background="@color/dark_cerulean">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingEnd="16dp"
        android:paddingStart="16dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_gravity="end"
        android:gravity="end"
        android:layout_marginEnd="16dp"
        android:textColor="@color/white"
        android:id="@+id/toolbar_title" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/image1"
            android:id="@+id/image"/>

    </LinearLayout>


</android.support.v7.widget.Toolbar>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.