2013-08-28 62 views
1

我有一個包含6個文本視圖和一個圖像視圖的佈局文件。該視圖看起來像這樣如何在相對佈局中提供全寬

ABC | DEF 
HIJ | KLM 
NOP | QRS 

這應該是佈局中水平滾動視圖的一部分。上面的視圖應該覆蓋整個屏幕的寬度,如果我滑動,那麼只有下一個視圖會出現。否則,用戶只能看到上面的佈局。

我設計的佈局,但我沒有得到期望的output.at時間我能看到3到4次以上越來越重疊,

這裏是我的佈局類似於上述視圖

<?xml version="1.0" encoding="utf-8"?> 

<TextView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/EventCode1" 
    android:text="Event Code 1" 
    android:textSize="19sp" 
    android:layout_weight="1" 
    android:layout_alignParentTop="true"/> 

<TextView 
    android:layout_centerVertical="true" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/EventText1" 
    android:paddingRight="10dip" 
    android:textSize="25sp" 
    android:text="Event Text 1" 
    android:layout_below="@+id/EventCode1"/> 

<TextView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:id="@+id/EventDate1" 
    android:text="Event Date 1" 
    android:textSize="19sp" 
    android:layout_below="@+id/EventText1"/> 

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

    android:layout_alignParentTop="true" 
    android:layout_centerInParent="true" 
    android:src="@drawable/divider" 
    android:id="@+id/divider" 
    /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/EventCode2" 
    android:text="Event Code 2" 
    android:textSize="19sp" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentRight="true"/> 

<TextView 
    android:layout_centerVertical="true" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/EventText2" 
    android:textSize="25sp" 
    android:text="Event Text 2" 
    android:layout_below="@+id/EventCode2" 
    android:layout_alignParentRight="true"/> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_below="@+id/EventText2" 
    android:id="@+id/EventDate2" 
    android:text="Event Date 2" 
    android:textSize="19sp" 
    android:layout="@+id/EventDate2"/> 


    </RelativeLayout> 

我將膨脹上述佈局到含有襯墊佈局的水平滾動視圖。

<?xml version="1.0" encoding="utf-8"?> 

<View 
    android:layout_width="fill_parent" 
       android:layout_height="5dp" 
        android:background="@drawable/shade"/> 

    <Button 
     android:id="@+id/EventsButton" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignTop="@+id/URL" 
     android:text="Events Around" /> 

<LinearLayout 
    android:id="@+id/eventlist" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
    </LinearLayout> 

這裏是吹大定製視圖和投入水平襯墊佈局,

代碼

如果我有10個事件,生病就像這樣。它很可能在運行時

for(int i = 0; i<10 ; i++) 
     { 


     LayoutInflater inflater = getActivity().getLayoutInflater(); 


     View view = (View)inflater.inflate(R.layout.greventslayout,null); 

     mEventsLayout.addView(view); 
     } 

更新::

添加下面的代碼,我越來越喜歡這個UI之後。

enter image description here

+0

您已經添加了'機器人:layout_below = 「@ + ID/EventCode1」'這迫使你EventText1元素出現略低於EventCode1 element.Remove'機器人:layout_below = 「@ + ID/EventCode1」」,這元素將顯示爲垂直中心 –

+0

嗨,我需要3個文本出現一個在另一個下面,然後再分隔符之後,我需要3個文本來一個在另一個下面。我需要我的自定義視圖覆蓋整個寬度,而不考慮文本大小。如果用戶從右向左滑動,那麼只有新的視圖應該來吧 – Naruto

回答

0

試試這個。

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/RelativeLayout1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:paddingBottom="@dimen/activity_vertical_margin" 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:paddingTop="@dimen/activity_vertical_margin" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight=".45" 
      android:orientation="vertical" > 

      <TextView 
       android:id="@+id/textView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

      <TextView 
       android:id="@+id/textView3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight=".10" 
      android:orientation="vertical" > 

      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@android:drawable/divider_horizontal_dark" /> 

      <ImageView 
       android:id="@+id/imageView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@android:drawable/divider_horizontal_bright" /> 

      <ImageView 
       android:id="@+id/imageView3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@android:drawable/divider_horizontal_bright" /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight=".45" 
      android:orientation="vertical" > 

      <TextView 
       android:id="@+id/textView4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

      <TextView 
       android:id="@+id/textView5" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

      <TextView 
       android:id="@+id/textView6" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_horizontal" 
       android:text="Medium Text" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 

     </LinearLayout> 

    </LinearLayout> 

</RelativeLayout> 
+0

嗨,謝謝你的回答,我試過你的代碼,不幸的是分隔圖像失敗了,所以我刪除並添加了我的自定義分隔線。在我的情況下,分隔線很好,但「中等文本」文本來到兩行,我能夠在視圖中看到總共2套以上的佈局。即總共我看到12個條目,但我只需要6個爲什麼?可以請你幫忙.. – Naruto

+0

快照哥們.. –

+0

一會兒哥們,我會上傳。非常感謝你的支持,我們更接近回答.. – Naruto