0

私は Android 開発は初めてですが、グラフィック デザインと UI を何年も行ってきました。FluidUI でモックアップを作成しましたが、それをレイアウトする方法を見つけようとしています。

内部にいくつかの入れ子になった LinearLayouts を含む RelativeLayout を使用することから始めましたが、モックアップしたこのデザインに何が最適かはわかりません。

ここでデザインを見てみましょう。

Android アプリのモックアップ

一番上は、ドロップダウンでログインした後のユーザー名です。

次のセクションは、他のアクティビティを起動するためのボタンのグループです。

その下にリストがあります。すべてのアイテムが静的であるため、リストビューを使用する必要があるのか​​ 、単にレイアウトする必要があるのか​​ わかりません。変わるのは数字だけです。そのリストの各項目は、別のアクティビティに移動する必要があります。

下部には、すべてのアクティビティに表示されるバーがあります。

私は Mono for Android と Visual Studio 2010 を使用しています。いくつかのネスティングを試みましたが、あまりうまくいきませんでした。これをすべて 1 つの相対レイアウトで行うことはできますか? 複数の線形レイアウトを使用する必要がありますか?

助けてくれてありがとう。:-)

4

1 に答える 1

0

内部にネストされたいくつかの LinearLayouts で RelativeLayout を使用する

間違いなくうまくいきます。レイアウトの幅、重量などの計算に関しては、パフォーマンスにある程度の影響がありますが、顕著な速度低下がない限り、これは考慮されません。ただし、いくつかの Android Layout Tricks を見てください: #1、#2、および#3。RelativeLayoutaを root として使用しViewGroup、それに応じて各コンポーネントを整列させることができます。

リストビューを使用するか、単にレイアウトする

あなたの場合、5行しかないので、レイアウトした方が良いかもしれません. 簡単にするためにコードの再利用を犠牲にしすぎることはありません。

レイアウトは次のようになります。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Top -->
<TextView
        android:id="@+id/name"
        android:layout_alignParentTop="true"/>
<Spinner
        android:id="@+id/dropdown"
        android:layout_toRightOf="@+id/name"/>
<!-- Four buttons -->
<Button
        android:id="@+id/button1" 
        android:layout_below="@+id/name"/>
<Button
        android:id="@+id/button2"
        android:layout_alignBaseline="@+id/button1"
        android:layout_toRightOf="@+id/button1"/>
<Button
        android:id="@+id/button3" 
        android:layout_below="@+id/button1"/>
<Button
        android:id="@+id/button4" 
        android:layout_toRightOf="@+id/button3"
        android:layout_alignBaseline="@+id/button3"/>
<!-- The "List" -->
<TextView
        android:id="@+id/activity" 
        android:layout_below="@+id/button3"/>
<TextView
        android:id="@+id/counter" 
        android:layout_alignBaseline="@+id/activity"
        android:layout_alignParentRight="true"/>
</RelativeLayout>
于 2013-02-14T20:05:52.147 に答える