スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

ボタンを配置

HelloAndroidアプリにボタンを設置してみましょう。

ボタンを設置するには、JavaファイルHelloAndroid.javaに記述する方法もありますが、ロジックとレイアウトを分離するためにXMLファイルを使いましょう。

main.xmlを開きます。Rクラスとmain.xmlで少し見ましたが、main.xmlでは画面のレイアウトを簡単に設定することができます。

初期状態では、「Hello World, HelloAndroid」という文字列(TextView)があるだけです。

20110625_1

main.xmlタブを開くと、LinearLayoutという要素の中にTextViewがあるという構造になっているのが分かります。LinearLayoutとは、簡単にいうと部品の配置の仕方です。

<?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"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
</LinearLayout>


Graphical Layoutタブに戻り、PaletteのForm WidgetsにあるButtonを画面にドラッグするとボタンが追加されます。

20110625_2

ボタンが配置されました。

20110625_3

main.xmlのタブを開くと、Buttonのタグが追加されています。

<?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"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<Button
android:text="Button"
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
</LinearLayout>


では、このボタンの属性を変更してみましょう。アウトラインの button1 をダブルクリックすると…

20110625_4

プロパティービューで属性を変更することができるようになります。

20110625_5

試しに、Textの値をHello、Layout gravityの値をcenterに変更してみます。

20110625_6


ちなみに、慣れてくると、XMLファイルのソースを直接変更するほうが簡単かもしれません。Android用のXMLエディタは重いので、軽い動作のほうがいい人にはXMLのタグを覚えてXML Buddyなどの一般のXMLエディタを使うほうがおすすめです。

関連記事
スポンサーサイト

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://androidhacker.blog94.fc2.com/tb.php/16-3dddbd2b
  • 閉じるボタン
レファレンス
月別アーカイブ
リンク
カテゴリ
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。