2

ninePatch 画像をタブに配置して、これを自動的にサイズ変更できますか? これを試してみますが、うまくいきません:() タブの高さ/幅が画像タブの高さ/幅よりも大きい場合、画像のサイズが変更されません。

視覚的なサンプルはこちら --> http://i.stack.imgur.com/kVD00.png

ninePatch を使用して、タブ アイコンのユーザー イメージがすべてのタブ スペースを空けるようにします。出来ますか?

NAVIGATION_MODE_TABS のアクションバーがあります。各タブに、9 パッチの画像 (このサイズ: 幅 = 40x高さ = 50) を配置します。

MainActivity で:

actionBar.addTab(actionBar.newTab().setTabListener(this).setCustomView(R.layout.tab_one));
actionBar.addTab(actionBar.newTab().setTabListener(this).setCustomView(R.layout.tab_two));
actionBar.addTab(actionBar.newTab().setTabListener(this).setCustomView(R.layout.tab_three));

たとえば、tab_one_layout (レイアウト ディメンション int タブを視覚的に識別するために赤い背景を配置しました。ディメンションは、tab_one.9.png 画像と同じです):

<LinearLayout 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"
            android:orientation="vertical"
            android:background="#FF0000"
            >

            <ImageView
                android:id="@+id/ImageTabOne"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/tab_one" />

        </LinearLayout>

@drawable/tab_one" は tab_one.9.png です

My Styles.xml

<style name="Theme.myapp" parent="@style/Theme.Sherlock">
    <item name="android:actionBarTabStyle">@style/MyActionBarTabStyle</item>
    <item name="actionBarTabStyle">@style/MyActionBarTabStyle</item>
    <item name="android:actionBarTabBarStyle">@style/MyActionBarTabBarStyle</item>
    <item name="actionBarTabBarStyle">@style/MyActionBarTabBarStyle</item>
    <item name="android:actionBarStyle">@style/MyActionBarStyle</item>
    <item name="actionBarStyle">@style/MyActionBarStyle</item>
    <item name="android:actionBarSize">@dimen/actionbar_compat_height</item>
    <item name="actionBarSize">@dimen/actionbar_compat_height</item>
</style>
<style name="MyActionBarTabStyle" parent="@style/Widget.Sherlock.ActionBar.TabView">
        <item name="android:paddingLeft">0dip</item>
        <item name="android:paddingRight">0dip</item>
        <item name="android:gravity">center</item>
    </style>

    <style name="MyActionBarTabBarStyle" parent="@style/Widget.Sherlock.ActionBar.TabBar">
        <item name="android:background">#FF0000</item>
        <item name="android:divider">?android:attr/actionBarDivider</item>
        <item name="android:showDividers">none</item>
        <item name="android:dividerPadding">0dip</item>
    </style>

    <style name="MyActionBarStyle" parent="@style/Widget.Sherlock.ActionBar">
        <item name="android:background">@drawable/actionbar</item>
        <item name="android:titleTextStyle">@style/MyActionBarTitleStyle</item>
        <item name="textColorPrimary">#FFFFFF</item>
    </style>

    <style name="MyActionBarTitleStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">#FFFFFF</item>
    </style>
4

0 に答える 0