Studio対応版』の解説内容をもとに、本書で説明しきれなかったサンプルアプリを解説しています。ButtonウィジェットやImageButtonウィジェットでは、ボタンを押したときや離したときに表示される画像を変えることができます。XMLの記述だけでできるので、とても簡単です。Javaのコードを書く必要はありません。アプリケーションの実行結果から見てみましょう。画面にはボタンが1つ配置されているだけです。ボタンを押したとき、フォーカスがあるとき、ボタンが押されていないとき(通常の状態)で、表示が変わります。「フォーカスがある」というのは、入力などの操作ができる状態を意味します。押されたときフォーカスがあるとき通常アプリは以下のような設定で作成します。表にない項目については、設定を変更しません。sample.example.comまず、ボタンに表示される画像をdrawableフォルダーにコピーします。ボタンには、押された状態、フォーカスがある状態、通常の状態という3つの状態があるので、画像も3つ必要になります。ここでは以下3つの画像ファイルをコピーしたものとします。押された状態:droidkun1.pngフォーカスがある状態:droidkun2.png通常の状態:droidkun3.png3つの状態と画像を対応させるには、というタグを使います。中にというタグを書き、状態と画像の対応を指定します。この記述は新しいXMLファイルの中に書いておく必要があります。以下の手順でXMLファイルを作成し、記述を追加してください。res/drawableを右クリックする[New]-[File]を選択するファイル名に「bgimage.xml」と入力する[OK]をクリックする作成されたbgimage.xmlファイルに以下のような内容を入力します。</selector>selectorは「選択肢」といった意味です。itemタグには選択肢のそれぞれの項目を書きます。書き方は以下のようになっています。state_pressed:「押された状態」のこと。通常の状態を表す場合には、state_pressedやstate_focusdは指定せずに画像ファイルのリソースIDだけを指定します。これらのタグはリストに示したのと同じ順序で記述する必要があります。最後に、Buttonウィジェットのbackgroundプロパティに「@drawable/bgimage」を指定するだけです。これは、上で作ったbgimage.xmlのリソースIDです。リソースIDはXMLファイルのファイル名から拡張子(.xml)を取り除いたものになっています。ButtonではなくImageButtonを使う場合には、backgroundプロパティの代わりにsrcプロパティに”@drawable/bgimage”を指定します。今回解説したのは書籍のサポートページにある「さらに高度なアプリ」の中の「ButtonState」というサンプルです。本書で扱っている他のアプリもぜひ遊んでみてください。前作『イラストでよくわかるAndroidアプリのつくり方』に改訂版が登場。Androidのプログラムを作りながら、自然にJavaというプログラム言語の知識が身につくようになっています。(心理学専攻)卒業後、NECでユーザー教育や社内SE教育を担当したのち、ライターとして独立。読者の側に立った分かりやすい表現を心がけている。お茶の水女子大学講師。最近の趣味は書道、絵画、ウクレレ、ジャグリング、献血。ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。「コンテナ」の概要を知る2020/2/21設計/手法/テスト技術解説データ中心設計(DOA)に基づいたデータモデリング2020/2/20クラウド技術解説Rancherコードリーディング入門(3/3)2020/2/19開発ツールイベントGitHub、エンタープライズ向けのイベントを国内で開催。VeloCloudが選ばれる理由SD-WANとはなにか。Linuxエンジニア育成への思いF5とNGINXの組み合わせで、サービス公開をよりセキュアに。ITがお届けするポッドキャストです。IT(シンクイット)エラーサイトに予期せぬエラーが起こりました。たってから再度お試しください。