AppWidgetを作ろう! (3/10)
作成:2009-12-28 17:26
更新:2010-05-11 15:13
更新:2010-05-11 15:13
■AppWidgetのレイアウトを作る
では、実際に簡単なAppWidgetを作ってみましょう。ここでは「MyAppWidget」という簡単なAppWidgetを作ってみます。ボタンとテキスト表示エリアがあり、クリックすると何かを表示する、というようなシンプルなものを考えてみましょう。
まずは、AppWidgetのレイアウトからです。プロジェクトの「res」内にある「layout」の中に、新たに「appwidget.xml」というファイルを作りましょう。そして以下のリストのようにソースコードを記述しましょう。
TextViewやButtonに表示するテキストは、面倒くさいのでstrings.xmlを使わず直接設定しておきました。TextViewとButtonがあるだけのシンプルなものですね。表示されるテキストからなんとなく想像がつくように、今回作るのはシンプルな運勢占いプログラムです。ボタンを押すと、今日の運勢が表示される、というようなものになります。(といっても、ただランダムにテキストを選んで表示するだけ、ですが)
まずは、AppWidgetのレイアウトからです。プロジェクトの「res」内にある「layout」の中に、新たに「appwidget.xml」というファイルを作りましょう。そして以下のリストのようにソースコードを記述しましょう。
TextViewやButtonに表示するテキストは、面倒くさいのでstrings.xmlを使わず直接設定しておきました。TextViewとButtonがあるだけのシンプルなものですね。表示されるテキストからなんとなく想像がつくように、今回作るのはシンプルな運勢占いプログラムです。ボタンを押すと、今日の運勢が表示される、というようなものになります。(といっても、ただランダムにテキストを選んで表示するだけ、ですが)
(by. SYODA-Tuyano.)
※プログラムリストが表示されない場合
AddBlockなどの広告ブロックツールがONになっていると、プログラムリスト等が表示されない場合があります。これらのツールをOFFにしてみてください。
●プログラム・リスト●
<?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:background="#33000000" android:orientation="vertical"> <TextView android:id="@+id/text1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="16sp" android:lines="3" android:textColor="#FFFFFF" android:text="今日の運勢" /> <Button android:id="@+id/button1" android:text="占う" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="12sp" /> </LinearLayout>
※関連コンテンツ