2011-07-26 5 views
1

私のアプリでは、アプリケーションバーが上部に、タブバーが下部にあります。これら2つは修正されています。その中に私はViewFlpperを配置しています。ビューフリッパーの中に私は7つのテキストビュー、1つの画像ビューと3つの画像ボタンがあります。android UIの問題

私の問題は、すべてのデバイスのアプリケーションバーとタブバーの間にこれらのすべてを表示することです。 QVGAで2.7のレイアウトをチェックすると、最後のボタンがタブバーの後ろに隠れてしまいます。 3.2 in HVGA(ADP2)では、最後の2つの画像ボタンとタブバーの間にスペースがあります。私はビューのフリッパーの中身が真ん中のスペースになるようにしたい、私のレイアウトにはスクロールビューはありません。これを取得する方法....

後のid私のレイアウト設計

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout android:id="@+id/relativeLayout1" 
    android:layout_width="fill_parent" android:layout_height="fill_parent" 
    android:background="@drawable/back" xmlns:android="http://schemas.android.com/apk/res/android"> 

    <RelativeLayout android:layout_width="fill_parent" android:layout_marginBottom="10dp" 
     android:background="@drawable/graybar" android:layout_height="wrap_content" 
     android:id="@+id/relativeLayout2"> 

     <TextView android:text="Detail" android:id="@+id/textView1" 
      android:textSize="24sp" android:layout_centerInParent="true" 
      android:layout_height="wrap_content" android:layout_width="wrap_content"> 
     </TextView> 
     <TextView android:layout_width="wrap_content" android:text="Share Festival" 
      android:gravity="center" android:textStyle="bold" 
      android:layout_height="wrap_content" android:id="@+id/DetailShare" 
      android:layout_alignParentRight="true" android:background="@drawable/share"> 
     </TextView> 
    </RelativeLayout> 


    <ViewFlipper xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_below="@+id/relativeLayout2" android:layout_above="@+id/relativeLayout4" 
     android:id="@+id/flipper" android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 
     <RelativeLayout android:id="@+id/RLL" 
      android:layout_width="fill_parent" android:layout_height="fill_parent"> 
      <LinearLayout android:orientation="vertical" android:layout_marginBottom="10dp" 
       android:layout_width="fill_parent" android:layout_height="wrap_content" 
       android:id="@+id/LL" android:gravity="center"> 
       <ImageView android:layout_height="wrap_content" 
        android:layout_width="wrap_content" android:id="@+id/imageView1" 
        android:src="@drawable/p144" android:layout_alignParentTop="true"> 
       </ImageView> 
      </LinearLayout> 
      <RelativeLayout android:layout_width="fill_parent" 
       android:layout_below="@+id/LL" android:layout_height="wrap_content" 
       android:id="@+id/RL1"> 
       <ImageButton android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:id="@+id/detailback" 
        android:layout_alignParentLeft="true" android:background="@drawable/left"> 
       </ImageButton> 
       <TextView android:text="Detail" android:id="@+id/textView1" 
        android:background="@drawable/share" android:textSize="15sp" 
        android:layout_centerInParent="true" android:gravity="center" 
        android:maxLines="2" android:layout_height="wrap_content" 
        android:layout_width="wrap_content"> 
       </TextView> 
       <ImageButton android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:id="@+id/DetailShare" 
        android:layout_alignParentRight="true" android:background="@drawable/right"> 
       </ImageButton> 
      </RelativeLayout> 

      <LinearLayout android:orientation="vertical" 
       android:layout_width="fill_parent" android:layout_height="wrap_content" 
       android:id="@+id/Lq1" android:layout_below="@+id/RL1"> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="date" android:id="@+id/date" 
         android:textSize="18sp" android:layout_marginTop="5dp" 
         android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="Contact : " android:id="@+id/contact" 
         android:textSize="18sp" android:layout_marginTop="5dp" 
         android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="mail" android:id="@+id/mail" 
         android:textSize="18sp" android:layout_marginTop="5dp" 
         android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="phone" android:id="@+id/phone" 
         android:textSize="18sp" android:layout_marginTop="5dp" 
         android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="Hollywood" android:id="@+id/address" 
         android:textSize="18sp" android:layout_marginTop="5dp" android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="DeadLine : closed 2011 festival" 
         android:id="@+id/date" android:textSize="18sp" 
         android:layout_marginTop="5dp" android:layout_gravity="center" android:layout_height="wrap_content" 
         android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 
       <LinearLayout android:orientation="vertical" 
        android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:id="@+id/L2"> 
        <TextView android:text="Genre" android:id="@+id/genre" 
         android:textSize="18sp" android:layout_marginTop="5dp" 
         android:layout_gravity="center" 
         android:layout_height="wrap_content" android:layout_width="wrap_content"> 
        </TextView> 
       </LinearLayout> 

      </LinearLayout> 

      <RelativeLayout android:id="@+id/Relativelayoutadd" android:layout_height="wrap_content" android:layout_width="fill_parent" 
        android:layout_below="@+id/Lq1" android:layout_alignBaseline="@+id/flipper">     
      <TextView android:text="Add to IPhone calendar" android:id="@+id/calendar" 
       android:textSize="15sp" android:layout_marginBottom="5dp" 
       android:layout_alignParentLeft="true" 
       android:layout_height="wrap_content" android:layout_width="wrap_content"> 
      </TextView> 
      <TextView android:text="Add to favorite" android:id="@+id/addtofavorite" 
       android:textSize="15sp" android:layout_marginBottom="5dp" 
       android:layout_alignParentRight="true" 
       android:layout_height="wrap_content" android:layout_width="wrap_content"> 
      </TextView>   
      </RelativeLayout> 

     </RelativeLayout> 

    </ViewFlipper> 

    <RelativeLayout android:layout_width="fill_parent" 
     android:layout_gravity="bottom" android:layout_alignParentBottom="true" 
     android:background="@drawable/applicarion_bar" android:layout_height="wrap_content" 
     android:id="@+id/relativeLayout4"> 
     <ImageButton android:layout_width="wrap_content" 
      android:layout_marginLeft="5dp" android:layout_height="wrap_content" 
      android:id="@+id/detailfestivallist" android:layout_alignParentLeft="true" 
      android:background="@drawable/festival_btn"> 
     </ImageButton> 
     <ImageButton android:layout_width="wrap_content" 
      android:layout_marginLeft="90dp" android:layout_height="wrap_content" 
      android:id="@+id/detailsearch" android:layout_alignParentLeft="true" 
      android:background="@drawable/search_btn"> 
     </ImageButton> 
     <TextView android:layout_width="wrap_content" android:text="MAR 20" 
      android:textSize="9sp" android:layout_marginLeft="170dp" 
      android:layout_height="wrap_content" android:id="@+id/detailcalendar" 
      android:layout_alignParentLeft="true" android:background="@drawable/calendar_btn"> 
     </TextView> 
     <ImageButton android:layout_width="wrap_content" 
      android:layout_marginRight="5dp" android:layout_height="wrap_content" 
      android:id="@+id/detailfavorite" android:layout_alignParentRight="true" 
      android:background="@drawable/favorite_btn"> 
     </ImageButton> 
    </RelativeLayout> 
</RelativeLayout> 
+1

投稿にドローラブルを追加できますか?ドロウアブルのサイズを見ると、 – Entreco

+0

に何が入っているのかがわかります。アンドロイド:layout_weight = "1" 'を固定しないでください。 – jmsalcido

+0

@ jose152 - 私はそれを試しましたが、使用しないので削除しました。 ... –

答えて

1

まず、あなたはアンドロイドと呼ばれる2つの異なる要素を持つ:IDを= "@ + ID /日"。これは矛盾と不愉快な行動をもたらすかもしれません。

第2に、アンドロイド:id = "@ + id/RLL"はアイテムを垂直に配置するためにのみ使用されます。したがって、代わりにLinearLayoutを使用することを検討してください。

一般に、あなたのレイアウトはあまりにも多くの容器を使用すると思います。私は別のレイアウトを作成しました(ドロアブルを持たないので、ドロアブルを色で置き換えました)。これは、よりシンプルで柔軟なレイアウトを作成するためのインスピレーションのために使用します。 Siva Kがコメントしたように、中央の要素(LinearLayout内)にandroid:layout_weight = "1"を使用すると、均等に配置できます。

以下は例です(viewFlipper部分のみ残りは変更されません)

<ViewFlipper xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_below="@+id/relativeLayout2" android:layout_above="@+id/relativeLayout4" 
    android:id="@+id/flipper" android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <RelativeLayout 
     android:id="@+id/RLL" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 

     <!-- HEADER IMAGE --> 
     <ImageView android:layout_height="wrap_content" 
      android:layout_width="wrap_content" android:id="@+id/imageView1" 
      android:src="#ff5500" android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true"> 
     </ImageView> 

     <!-- TOP --> 
     <TextView android:text="Detail" android:id="@+id/textView1" 
      android:background="#ff0022" android:textSize="15sp" 
      android:layout_centerInParent="true" android:gravity="center" 
      android:maxLines="2" android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:layout_below="@id/imageView1"> 
     </TextView> 
     <ImageButton android:layout_width="wrap_content" 
      android:layout_height="wrap_content" android:id="@+id/detailback" 
      android:layout_alignParentLeft="true" android:background="#112233" 
      android:layout_alignTop="@id/textView1"> 
     </ImageButton> 
     <ImageButton android:layout_width="wrap_content" 
      android:layout_height="wrap_content" android:id="@+id/DetailShare" 
      android:layout_alignParentRight="true" android:background="#55ff22" 
      android:layout_alignTop="@id/textView1"> 
     </ImageButton> 

     <!-- MIDDLE --> 
     <LinearLayout 
      android:id="@+id/ll" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:layout_below="@id/textView1" 
      android:orientation="vertical" 
      android:layout_marginBottom="20dp"> 
      <TextView android:text="date" android:id="@+id/date" 
       android:textSize="18sp" android:layout_marginTop="5dp" 
       android:layout_gravity="center" 
       android:layout_height="wrap_content" 
       android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="Contact : " android:id="@+id/contact" 
       android:textSize="18sp" android:layout_marginTop="5dp" 
       android:layout_gravity="center" 
       android:layout_height="wrap_content" android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="mail" android:id="@+id/mail" 
       android:textSize="18sp" android:layout_marginTop="5dp" 
       android:layout_gravity="center" 
       android:layout_height="wrap_content" android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="phone" android:id="@+id/phone" 
       android:textSize="18sp" android:layout_marginTop="5dp" 
       android:layout_gravity="center" 
       android:layout_height="wrap_content" android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="Hollywood" android:id="@+id/address" 
       android:textSize="18sp" android:layout_marginTop="5dp" android:layout_gravity="center" 
       android:layout_height="wrap_content" android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="DeadLine : closed 2011 festival" 
       android:id="@+id/date2" android:textSize="18sp" 
       android:layout_marginTop="5dp" android:layout_gravity="center" android:layout_height="wrap_content" 
       android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
      <TextView android:text="Genre" android:id="@+id/genre" 
       android:textSize="18sp" android:layout_marginTop="5dp" 
       android:layout_gravity="center" 
       android:layout_height="wrap_content" android:layout_width="wrap_content" 
       android:layout_centerHorizontal="true" android:layout_weight="1"> 
      </TextView> 
     </LinearLayout> 

     <!-- BOTTOM --> 
     <TextView android:text="Add to IPhone calendar" android:id="@+id/calendar" 
      android:textSize="15sp" android:layout_marginBottom="5dp" 
      android:layout_alignParentLeft="true" 
      android:layout_height="wrap_content" android:layout_width="wrap_content" 
      android:layout_alignParentBottom="true"> 
     </TextView> 
     <TextView android:text="Add to favorite" android:id="@+id/addtofavorite" 
      android:textSize="15sp" android:layout_marginBottom="5dp" 
      android:layout_alignParentRight="true" 
      android:layout_height="wrap_content" android:layout_width="wrap_content" 
      android:layout_alignParentBottom="true"> 
     </TextView> 
    </RelativeLayout> 
</ViewFlipper> 

これはうまくいきます。

+0

ありがとうたくさん...それは私が必要とするように正常に動作..... –