Aktualizacja: najnowszy wzorzec ActionBar (tytuł):
Do Twojej wiadomości, ActionBar został wprowadzony w API Poziom 11. ActionBar to funkcja okna u góry działania, która może wyświetlać tytuł działania , tryby nawigacji i inne interaktywne elementy, takie jak wyszukiwanie.
Dokładnie pamiętam o dostosowywaniu paska tytułu i zapewnianiu jego spójności w aplikacji. Mogę więc porównać z wcześniejszymi dniami i wymienić niektóre zalety korzystania z ActionBar:
- Oferuje użytkownikom znany interfejs między aplikacjami, który system z wdziękiem dostosowuje do różnych konfiguracji ekranu.
- Programiści nie muszą pisać dużo kodu do wyświetlania tytułu działania, ikon i trybów nawigacji, ponieważ ActionBar jest już gotowy z abstrakcją najwyższego poziomu.
Na przykład:
=> Normalny sposób,
getActionBar().setTitle("Hello world App");
getSupportActionBar().setTitle("Hello world App"); // provide compatibility to all the versions
=> Dostosowywanie paska akcji,
Na przykład:
@Override
public void setActionBar(String heading) {
// TODO Auto-generated method stub
com.actionbarsherlock.app.ActionBar actionBar = getSupportActionBar();
actionBar.setHomeButtonEnabled(true);
actionBar.setDisplayHomeAsUpEnabled(false);
actionBar.setDisplayShowHomeEnabled(false);
actionBar.setBackgroundDrawable(new ColorDrawable(getResources().getColor(R.color.title_bar_gray)));
actionBar.setTitle(heading);
actionBar.show();
}
Stylowanie paska akcji:
Pasek ActionBar zapewnia prosty i znany wygląd, tryby nawigacji i inne szybkie czynności do wykonania. Ale to nie znaczy, że wygląda tak samo w każdej aplikacji. Możesz go dostosować zgodnie z interfejsem użytkownika i wymaganiami projektowymi. Musisz tylko zdefiniować i napisać style i motywy.
Czytaj więcej na: Stylizacja paska akcji
A jeśli chcesz wygenerować style dla ActionBar, to narzędzie Generator stylów może ci pomóc.
================================================== ===============================
Stare: Wcześniejsze dni:
=> Normalny sposób,
możesz zmienić tytuł każdego ekranu (tj. aktywność), ustawiając ich Android:label
<activity android:name=".Hello_World"
android:label="This is the Hello World Application">
</activity>
=> Niestandardowe - Tytuł - pasek
Ale jeśli chcesz dostosować pasek tytułu na swój własny sposób, tzn. Want to put Image icon and custom-text
Dla mnie działa następujący kod:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
titlebar.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="400dp"
android:layout_height="fill_parent"
android:orientation="horizontal">
<ImageView android:id="@+id/ImageView01"
android:layout_width="57dp"
android:layout_height="wrap_content"
android:background="@drawable/icon1"/>
<TextView
android:id="@+id/myTitle"
android:text="This is my new title"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:textColor="@color/titletextcolor"
/>
</LinearLayout>
TitleBar.java
public class TitleBar extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
final boolean customTitleSupported =
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.main);
if (customTitleSupported) {
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
R.layout.titlebar);
}
final TextView myTitleText = (TextView) findViewById(R.id.myTitle);
if (myTitleText != null) {
myTitleText.setText("NEW TITLE");
// user can also set color using "Color" and then
// "Color value constant"
// myTitleText.setBackgroundColor(Color.GREEN);
}
}
}
strings.xml
Plik strings.xml jest zdefiniowany w values
folderze.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, Set_Text_TitleBar!</string>
<string name="app_name">Set_Text_TitleBar</string>
<color name="titlebackgroundcolor">#3232CD</color>
<color name="titletextcolor">#FFFF00</color>
</resources>