Discussion :

[PP(Team)]

Bonjour,

Je viens de mettre en place "ActionBarSherlock" dans mon projet.

J'ai donc une barre d'action en bas de l'écran (splitActionBarWhenNarrow).

Mais je souhaiterais que pour certaines pages ait un menu supplémentaire indépendant des actions de l'actionBar.

1ère solution :
- Ajout de "Tabs" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
 
		setContentView(R.layout.viewer);
		m_intent = getIntent();
 
		getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
		ActionBar.Tab tab = getSupportActionBar().newTab();
		tab.setText("Classify\r\ntoto");
		tab.setTabListener(this);
		getSupportActionBar().addTab(tab, false);
		tab = getSupportActionBar().newTab();
		tab.setText("Unsubscribe\r\nme");
		tab.setTabListener(this);
		getSupportActionBar().addTab(tab, false);
		tab = getSupportActionBar().newTab();
		tab.setText("Classify\r\ntata");
		tab.setTabListener(this);
		getSupportActionBar().addTab(tab, false);
...
}

Problèmes :
- J'ai du ajouter des "\r\n" pour faire que les "Tabs n'explosent pas la vue (sinon la barre de Tabs est "swapable" à droite, ce qui n'a aucun intérêt).
- J'ai un Tab de sélectionné par défaut.

Diverses questions :
- Est-il possible de gérer la taille des tables pour faire que la barre ne puisse pas être plus grande que l'écran ?
- Est-il possible de faire qu'aucune Tabs ne soit sélectionnée par défaut ? Ou de ne pas afficher la zone en bleu. (je n'en ai pas besoin)
- Peut-on mettre la barre de Tabs en bas (juste au dessus de l'actionBar

De manière générale, je souhaiterais "juste" ajouter une barre en bas de l'application (en plus de actionBar). Est-ce possible ?

Merci d'avance ?

NB : J'ai tenté de voir les "SherlockFragmentActivity", mais je ne parviens pas, pour le moment, à l'inclure dans le projet.

[PP(Team)]

Bonjour,

Je reviens sur ce sujet.

J'ai donc réussi à surcharger le style de l'actionBar, mais 2 éléments restent en suspend :
- Comme surcharger le style du séparateur de Tab dans une "actionBarTabBar" ? (cf flèche rouge dans la PJ "window1.png")
- Comme faire disparaitre (ou modifier) la séparation entre l'actionBar et l'actionBarTab (cf flèche bleue dans la PJ "window1.png")

Voici le style qui me permet d'obtenir la PJ "window2.png" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
 
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
 
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBar" parent="android:style/Theme.Holo">
        <item name="android:actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
        <item name="android:actionBarTabStyle">@style/customActionBarTabStyle</item>
        <item name="android:actionBarTabBarStyle">@style/customActionBarTabBarStyle</item>
    </style>
    <style name="actionBarSplit">
        <item name="background">@color/red3</item>
 
    </style>
    <!-- style for the tab text -->
    <style name="customActionBarTabTextStyle">
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">10dp</item>
        <item name="android:typeface">sans</item>
        <item name="android:gravity">bottom</item>
        <item name="android:checkboxStyle">@style/CustomCheckBox</item>
 
        <!-- <item name="android:height">10dp</item> -->
    </style>
 
    <style name="Line">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">2px</item>
        <item name="android:layout_marginLeft">10dp</item>
        <item name="android:layout_marginRight">10dp</item>
        <item name="android:background">@drawable/view_lign_bottom</item>
    </style>
 
    <!-- style for the "actionMode" -->
    <style name="customActionModeStyle">
        <item name="android:background">@color/black</item>
    </style>
    <!-- style for the tabs -->
    <style name="customActionBarTabStyle">
        <item name="android:paddingLeft">5dp</item>
        <item name="android:paddingRight">5dp</item>
        <item name="android:height">5dp</item>
        <item name="android:button">@color/red3</item>
        <item name="backgroundSplit">@color/red3</item>
        <item name="android:actionBarDivider">@color/red3</item>
    </style>
 
    <style name="LightTheme" parent="@android:style/Theme.NoTitleBar">
        <item name="android:checkboxStyle">@style/CustomCheckBox</item>
    </style>
 
    <style name="CustomCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
        <!-- <item name="android:button">@color/black</item> -->
        <!-- <item name="android:textColor">@color/mainTextColorLight</item> -->
        <!-- <item name="android:textSize">15dp</item> -->
    </style>
 
    <!-- style for the tab bar -->
    <style name="customActionBarTabBarStyle">
        <item name="android:background">@drawable/blues</item>
        <item name="android:backgroundSplit">@color/red3</item>
        <item name="android:height">5dp</item>
        <item name="android:gravity">bottom</item>
        <item name="android:maxWidth">5dp</item>
        <item name="android:actionBarDivider">@color/red3</item>
    </style>
 
    <style name="Widget.Styled.ActionBar" parent="Widget.Sherlock.Light.ActionBar.Solid.Inverse">
        <item name="background">@color/black</item>
        <!-- <item name="android:background">@drawable/bg_striped</item> -->
        <!-- <item name="backgroundSplit">@drawable/bg_striped_split</item> -->
        <!-- <item name="android:backgroundSplit">@drawable/bg_striped_split</item> -->
    </style>
 
    <style name="Widget.Holo.Light.ActionBar" parent="Widget.Styled.ActionBar">
        <item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="android:subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="android:backgroundStacked">@android:color/black</item>
        <item name="android:backgroundSplit">@android:color/black</item>
        <item name="homeAsUpIndicator">@drawable/previous</item>
        <item name="android:progressBarStyle">@android:style/Widget.Holo.Light.ProgressBar.Horizontal</item>
        <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.Light.ProgressBar</item>
    </style>
 
    <style name="MyTheme.ActionBar.TitleTextStyle" parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">@color/white</item>
    </style>
 
</resources>

Merci d'avance.

Cordialement.

[PP(Team)]

Trouvé !!

2 modifications à effectuer :
- Pour la barre de séparation (le "divider") :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- style for the tab bar -->
    <style name="customActionBarTabBarStyle">
        <item name="android:background">@drawable/blues</item>
        <item name="android:backgroundSplit">@color/red3</item>
        <item name="android:height">5dp</item>
        <item name="android:gravity">bottom</item>
        <item name="android:maxWidth">5dp</item>
        <item name="android:actionBarDivider">@color/red3</item>
        <item name="android:divider">@drawable/small_vertical_divider2</item>
        <item name="android:showDividers">middle</item>
        <item name="android:dividerPadding">5dip</item>
    </style>

- Pour la barre bleue sous l'actionBar :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<!-- the theme applied to the application or activity -->
    <style name="CustomActionBar" parent="android:style/Theme.Holo">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabTextStyle">@style/customActionBarTabTextStyle</item>
        <item name="android:actionBarTabStyle">@style/customActionBarTabStyle</item>
        <item name="android:actionBarTabBarStyle">@style/customActionBarTabBarStyle</item>
    </style>
 
    <style name="MyActionBar" parent="android:Widget.Holo.ActionBar">
        <item name="android:background">@color/black</item>
    </style>