関数電卓のようなボタン配列を作りたい

270 views
Skip to first unread message

Hiroaking

unread,
Feb 22, 2011, 10:52:56 PM2/22/11
to Android-SDK-Japan
お世話になっております。
先ほど間違えて自分の投稿を消してしまいましたので、再度投稿いたします。

LandScapeの画面で、左半分をメッセージエリア、右半分をボタンを等幅のタイル状に並べた画面を作成しようとしております。イメージとしては、
二つ折りの携帯電話や関数電卓を横倒しにしたような画面です。
このとき、Tableレイアウトでテーブルを作成し、HTMLのrowspan="n"としてメッセージエリアに相当するテーブル枠を作成する事を考え
ました。

・HTMLで記述すると以下のようになると思われます。このrowspan=に相当する記述はどのようにしたらよいでしょうか?
・解像度や画面サイズによらず画面の左側50%をメッセージエリアとして確保し、右側の50%に等幅のタイル(予定では5列)を作成するためには、どの
ように記述をしたらよいのでしょうか?

よろしくお願いいたします。

<table>
<tbody>
<tr>
<td style="width: 50%;" colspan="1" rowspan="3">message_area</
td>
<td style="width: 10%;">A1</td>
<td style="width: 10%;">B1</td>
<td style="width: 10%;">B1</td>
<td style="width: 10%;">D1</td>
<td style="width: 10%;">E1</td>
</tr>
:
<tr>
<td style="width: 10%;">An</td>
<td style="width: 10%;">Bn</td>
<td style="width: 10%;">Cn</td>
<td style="width: 10%;">Dn</td>
<td style="width: 10%;">En</td>
</tr>
</tbody>
</table>

隆行

unread,
Feb 23, 2011, 8:12:19 AM2/23/11
to Android-SDK-Japan
はじめまして。

以下のようにすれば画面を半分に分割することができそうです。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/
android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<EditText
android:id="@+id/editText1"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_width="0dip" />

<LinearLayout
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_width="0dip">

<!-- ここでTableLayoutを使ってボタンを作る -->
</LinearLayout>
</LinearLayout>

layout_widthを0にしてlayout_weightを両方とも同じ値にするのがポイントでしょうか。
自分も勉強中なのでもっとスマートな方法をご存知の方はぜひご教授くださいm( _ _ )m

Hiroaking

unread,
Feb 28, 2011, 8:46:19 AM2/28/11
to Android-SDK-Japan
隆行 さま

ありがとうございます。
等間隔に分割することが出来ました。
Reply all
Reply to author
Forward
0 new messages