Nasıl Ice Cream Sandwich Sekmeler arasında bölücü tarzı?

SORU

7 ŞUBAT 2012, Salı

Nasıl Ice Cream Sandwich Sekmeler arasında bölücü tarzı?

Birlikte aşağıdaki stil dokuz yama görüntüleri bir dizi ile Dondurma Sandviç sekmeleri altındaki yerine standart mavi hat kırmızı hat oluşturmak için kullanıyorum:

<style name="customTabStyle" parent="@android:style/Widget.Holo.ActionBar.TabBar">
    <item name="android:tabStripLeft">@null</item>
    <item name="android:tabStripRight">@null</item>
    <item name="android:tabStripEnabled">false</item>
    <item name="android:showDividers">none</item>
    <item name="android:measureWithLargestChild">true</item>
    <item name="android:background">@drawable/tab_line</item>
    <item name="android:gravity">center</item>
</style>

<style name="customTabBar" parent="@android:style/Widget.Holo">
    <item name="android:showDividers">middle</item>
    <item name="android:divider">@drawable/divider2</item>
    <item name="android:dividerPadding">0dp</item>
</style>

<style name="LightThemeSelector" parent="android:Theme.Holo.Light">
    <item name="android:actionBarTabStyle">@style/customTabStyle</item>
    <item name="android:actionBarTabBarStyle">@style/customTabBar</item>
</style>

Kırmızı çizgi güzel görünüyor gösterilmeli ve her şey, bu Sekmeler arasında bölücü hariç. Resimde yeşil kutu içinde gördüğünüz gibi hat bölücü aşağıda çizilmiş değil. Nasıl bir drawable, ya da bu bölücü bir üslup seçebilirim?

android:divider android:showDividers öğeleri Sekmeler arasında bölücü sorumlu tutulamaz. Onlar sadece bölücü sekme simgesi ve sekme başlık arasında çizilmiş seçin. Ben bir başlık yok ve bölücü garip görünecektir, çünkü bu bölücüler gizle.

Screenshot from the resulting tab bar

GüncellemeAkılda Aneal gelen cevap ile ikinci bir tarzı customTabBar ekledim. Bu tarz bir bölücü olarak bir drawable seçer. Bölücü düz siyah bir çizgi takip 9patch bu drawable ile oluşturulur:

9patch drawable creating the divider

Bu drawable ile bölücü çizilir, ama aynı zamanda boş bir satır yer almaktadır

tab bar with dividers

CEVAP

7 ŞUBAT 2012, Salı

Ben kullanıyorum her tarzı çıkardıktan sonra var aşağıdaki resim:

enter image description here

Bu resim de küçük boşluklar içerir. Bu nedenle bu varsayılan davranış, bir tür gibi görünüyor.

Ancak bu soruna geçici bir çözüm bulmak için bir yol buldum. Bütün tabbar için standart bir arka Plan olarak redline kurdum. Bu şekilde boşluğu görünür ama kimse zaten satırı içeren bir arka plan, gösterilir, çünkü görebiliyor.

Ben şimdi tüm etkinliklerim için aşağıdaki stilini kullanın:

<style name="LightThemeSelector" parent="android:Theme.Holo.Light">
    <item name="android:actionBarTabBarStyle">@style/customTabBar</item>
    <item name="android:actionBarTabStyle">@style/customTabStyle</item>
</style>

Bu tarz tabbar içinde, tek tek her sekme tarzı için kullanılır:

<style name="customTabStyle" parent="@android:style/Widget.Holo.ActionBar.TabView">
    <item name="android:showDividers">none</item>
    <item name="android:measureWithLargestChild">true</item>
    <item name="android:background">@drawable/tab_line</item>
    <item name="android:gravity">center</item>
</style>

Stil için tüm aşağıdaki stil kullanıyorum Tabbar:

<style name="customTabBar" parent="@android:style/Widget.Holo.ActionBar.TabBar">
    <item name="android:showDividers">middle</item>
    <item name="android:divider">@drawable/divider</item>
    <item name="android:dividerPadding">0dp</item>
    <item name="android:background">@drawable/tab_unselected</item>
</style>

Bu tarz benim özel bölücü tanımlar ve ayrıca tabbar için arka plan tanımlar. Arka plan olarak doğrudan bir sekme seçili ise, çizilen dokuz yama drawable ayarlayın. Tüm bu sonucu kırmızı bir tabbar herhangi bir boşluk olmadan altı çizili.

enter image description here