初めての質問：アイコン、2行のテキスト行、1つのボタンをレイアウトするにはどうすればよいですか？

Question

私はhttp://developer.android.com/resources/articles/layout-tricks-efficiency.htmlにあるサンプルを拡張しようとしています。私は真新しいMonoDroidの開発者です。昨日インストールしてUIデザインに飛び込もうとしていますが、今まで私を完全にはクリックしていません。

私はこのmain.xmlを持っている：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="?android:attr/listPreferredItemHeight" 
    android:padding="6dip"> 
    <ImageView 
     android:id="@+id/icon" 

     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 

     android:layout_alignParentTop="true" 
     android:layout_alignParentBottom="true" 
     android:layout_marginRight="6dip" 

     android:src="@drawable/icon" /> 

    <TextView 
     android:id="@+id/secondLine" 

     android:layout_width="200dip" 
     android:layout_height="26dip" 

     android:layout_toRightOf="@id/icon" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 

     android:singleLine="true" 
     android:ellipsize="marquee" 
     android:text="Second line which is a long line of text and needs to scroll" /> 

    <TextView 
     android:id="@+id/firstLine" 

     android:layout_width="200dip" 
     android:layout_height="wrap_content" 

     android:layout_toRightOf="@id/icon" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:layout_above="@id/secondLine" 
     android:layout_alignWithParentIfMissing="true" 

     android:singleLine="true" 
     android:ellipsize="marquee" 
     android:gravity="center_vertical" 
     android:text="First line" /> 

    <Button 
     android:id="@+id/logonButton" 

     android:layout_width="50dip" 
     android:layout_height="wrap_content" 

     android:layout_toRightOf="@id/secondLine" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 

     android:gravity="center_vertical" 
     android:text="Login" /> 
     /> 
</RelativeLayout> 

私は何をしようとしていますが、左のアイコンを持っている、真ん中と右のボタンで積層テキストの2行。私はエミュレータでこれを実行すると、私は見ています：

1. を2行目がスクロールされていません。
2. ボタンが表示されません。

レイアウトのための簡単なWYSIWYGエディタがありますか？それとも、レイアウトXMLをすばやく表示するアプリがありますか？ FireFoxのFireBugのようなものは問題ありません。

ドローイングのためのUIヘルパーが存在することはありませんが、間違っていますか？ :)

注：私はhierarchyviewerを発見し、それが階層構造で表示されないのにボタンがすべて（可視）で表示されません。 http://screencast.com/t/rdjaR0tCM6

Answer 1

私はあなたの下部に余分な "/>"があると思います。しかし、それはここでの主な問題ではないかもしれません。

方向を回転させるとどうなりますか？あなたはボタンを手に入れますか？もしそうなら、あなたは画像の幅があり、ボタンに対応するには幅が広いかもしれません。

Answer 2

私はまったく同じ問題を抱えています。私はそれがチュートリアルでそれを説明する方法の問題だと思っています。私は今、別のバージョンを使用していますが、それはアイコンの下にのみテキストを置くわけではありません。ここをクリックしてください：http://img263.imageshack.us/i/sellscreen.jpg/

皆さんがテキストを並べて手助けすることができれば、私は誰もが使用できるように自分のコードを共有します。私はあなたと同じことをやろうとしています。左下に5つのアイコンが必要です。各アイコンの代わりにテキストがあり、テキストの各ビットに加えてボタンが必要です。私はこれで本当に苦労しています。数日間試してみました。