Android - Esempio di demo del tema
L'esempio seguente mostra come utilizzare un tema per un'applicazione. A scopo dimostrativo modificheremo il nostro valore predefinitoAppThemequi il testo predefinito, la sua dimensione, famiglia, ombra ecc. verranno modificati. Iniziamo con la creazione di una semplice applicazione Android secondo i seguenti passaggi:
| Passo | Descrizione |
|---|---|
| 1 | Utilizzerai Eclipse IDE per creare un'applicazione Android e denominarla come ThemeDemo in un pacchetto com.example.themedemo come spiegato nel capitolo Hello World Example . |
| 2 | Modificare il file src / MainActivity.java per aggiungere listener e gestori di eventi clic per i due pulsanti definiti. |
| 3 | Definisci il tuo stile nel file di stile globale res/values/style.xml per definire attributi personalizzati per un pulsante e modificare il tema predefinito dell'applicazione per giocare con il testo. |
| 4 | Modifica il contenuto del detault del file res / layout / activity_main.xml per includere un set di controlli dell'interfaccia utente Android e utilizza lo stile definito. |
| 5 | Definire le costanti richieste in res / valori / strings.xml di file |
| 6 | Esegui l'applicazione per avviare l'emulatore Android e verifica il risultato delle modifiche apportate nell'applicazione. |
Di seguito è riportato il contenuto del file di attività principale modificato src/com.example.themedemo/MainActivity.java. Questo file può includere ciascuno dei metodi fondamentali del ciclo di vita.
package com.example.themedemo;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//--- find both the buttons---
Button sButton = (Button) findViewById(R.id.button_s);
Button lButton = (Button) findViewById(R.id.button_l);
// -- register click event with first button ---
sButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// --- find the text view --
TextView txtView = (TextView) findViewById(R.id.text_id);
// -- change text size --
txtView.setTextSize(20);
}
});
// -- register click event with second button ---
lButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// --- find the text view --
TextView txtView = (TextView) findViewById(R.id.text_id);
// -- change text size --
txtView.setTextSize(24);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}Di seguito sarà il contenuto di res/values/style.xml file che avrà uno stile di aggiunta CustomButtonStyle definito -
<resources>
<!--
Base application theme, dependent on API level. This theme is replaced
by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
-->
<style name="AppBaseTheme" parent="android:Theme.Light">
<!--
Theme customizations available in newer API levels can go in
res/values-vXX/styles.xml, while customizations related to
backward-compatibility can go here.
-->
</style>
<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
<!-- All customizations that are NOT specific to a particular API-level can go here. -->
<item name="android:capitalize">characters</item>
<item name="android:typeface">monospace</item>
<item name="android:shadowDx">1.2</item>
<item name="android:shadowDy">1.2</item>
<item name="android:shadowRadius">2</item>
<item name="android:textColor">#494948</item>/>
<item name="android:gravity" >center</item>
<item name="android:layout_margin" >3dp</item>
<item name="android:textSize" >5pt</item>
<item name="android:shadowColor" >#000000</item>
</style>
<!-- Custom Style defined for the buttons. -->
<style name="CustomButtonStyle">
<item name="android:layout_width">100dp</item>
<item name="android:layout_height">38dp</item>
</style>
</resources>Di seguito sarà il contenuto di res/layout/activity_main.xml file -
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Button
android:id="@+id/button_s"
style="@style/CustomButtonStyle"
android:text="@string/button_small"
android:onClick="doSmall"/>
<Button
android:id="@+id/button_l"
style="@style/CustomButtonStyle"
android:text="@string/button_large"
android:onClick="doLarge"/>
<TextView
android:id="@+id/text_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:capitalize="characters"
android:text="@string/hello_world" />
</LinearLayout>Di seguito sarà il contenuto di res/values/strings.xml per definire due nuove costanti -
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">ThemeDemo</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="button_small">Small Font</string>
<string name="button_large">Large Font</string>
</resources>Di seguito è riportato il contenuto predefinito di AndroidManifest.xml. Qui non è necessario modificare nulla perché abbiamo mantenuto invariato il nome del tema. Ma se definisci un nuovo tema fresco o ne erediti uno predefinito con un nome diverso, dovrai sostituirloAppTheme nome con il nuovo nome loro.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.guidemo"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.guidemo.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>Proviamo a eseguire il tuo ThemeDemoapplicazione. Presumo che tu abbia creato il tuoAVDdurante l'impostazione dell'ambiente. Per eseguire l'app da Eclipse, apri uno dei file di attività del tuo progetto e fai clic 
sull'icona Esegui dalla barra degli strumenti. Eclipse installa l'app sul tuo AVD e la avvia e se tutto va bene con la configurazione e l'applicazione, verrà visualizzata la seguente finestra dell'emulatore:
