2011-10-24 25 views
0

Hy!顯示4圖片在中間

我想有有這樣的佈局:

enter image description here

問題是我不知道該用什麼:

  • 的GridView?
  • TableLayout?
  • LinearLayout with PictureViews?

圖片應在屏幕(horicontal & vertikal)的中間導向

請你的答案添加一些代碼示例。

THX

回答

1

一種方式可以做這種類型的佈局

<?xml version="1.0" encoding="utf-8" ?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent" 
    android:orientation="vertical" android:gravity="center_horizontal|center_vertical"> 
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"> 
     <ImageView android:layout_width="150dp" android:layout_height="150dp" 
      android:layout_weight="1" android:background="@drawable/bg_img" 
      android:layout_margin="5dp"/> 
     <ImageView android:layout_width="150dp" android:layout_height="150dp" 
      android:layout_weight="1" android:background="@drawable/bg_img" 
      android:layout_margin="5dp"/> 
    </LinearLayout> 
    <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"> 
     <ImageView android:layout_width="150dp" android:layout_height="150dp" 
      android:layout_weight="1" android:background="@drawable/bg_img" 
      android:layout_margin="5dp"/> 
     <ImageView android:layout_width="150dp" android:layout_height="150dp" 
      android:layout_weight="1" android:background="@drawable/bg_img" 
      android:layout_margin="5dp"/> 
    </LinearLayout> 
</LinearLayout> 

我以前從這裏這個圖片下載,圖片太大,但這是測試不僅可以使用您的圖片只需更換背景src在imageview中的每個或根據您的要求。

enter image description here

,你得到的結果類似這樣

enter image description here

0

請使用以下Imageview..Main招LinearLayout中是LinearLayout中使用熱重量

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1"> 
     <ImageView android:id="@+id/imageView1" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView> 
     <ImageView android:id="@+id/imageView2" android:layout_weight="1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView> 
    </LinearLayout> 
    <LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1"> 
     <ImageView android:id="@+id/imageView3" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView> 
     <ImageView android:id="@+id/imageView4" android:layout_width="fill_parent" android:layout_weight="1" android:layout_height="fill_parent" android:background="@drawable/icon"></ImageView> 
    </LinearLayout> 
</LinearLayout>