LinearLayoutを使ったボタンレイアウト

LinearLayoutを使ったボタンレイアウトでつまずいたので備忘録。

こんな感じのレイアウトを作ってみた。

20110512_layout

Androidアプリではレイアウトはxmlで作成できるので、
以下のようなXMLを記載した。
■/res/layout/main.xml
<?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”>
<LinearLayout
android:layout_weight=”1″
android:layout_height=”fill_parent”
android:layout_width=”fill_parent”
android:background=”#000000″
android:orientation=”vertical” >
<LinearLayout
android:layout_weight=”1″
android:layout_height=”fill_parent”
android:layout_width=”fill_parent”
android:orientation=”horizontal” >
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”1″ />
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”2″ />
</LinearLayout>
<LinearLayout
android:layout_weight=”1″
android:layout_height=”fill_parent”
android:layout_width=”fill_parent”
android:orientation=”horizontal” >
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”3″ />
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”4″ />
</LinearLayout>
<LinearLayout
android:layout_weight=”1″
android:layout_height=”fill_parent”
android:layout_width=”fill_parent”
android:orientation=”horizontal” >
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”5″ />
<Button
android:layout_weight=”1″
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:textSize=”@dimen/button_font_size”
android:text=”6″ />
</LinearLayout>
</LinearLayout>
</LinearLayout>

それから実際に書いたプログラム部分

■/src/MainActivity.java
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.panel);
}

}

LinearLayoutのパラメータの説明はここを参考にした。
<http://developer.android.com/intl/ja/reference/android/widget/LinearLayout.html>

これだけで冒頭のレイアウトができたわけで。
あとはちょちょいとイベントリスナーや描画処理を追加すればアプリができそうな気がする。

これからも頑張るぞ!

2011.5.12
NECO

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA

*