Android，如何在relativelayout中设置带有百分比的imageview

Question

我想要构建一个像这样的UI http://postimg.org/image/fihidv1rv/。 这里是我的XML代码吧， 为我的设计，我想“效果” &“CAMERA”合并为一个ImageView像在链接 “SHOP”所以会有总共5 ImageView秒，我设置的ID因为他们在链接中命名为

问题是，我如何设置高度和宽度的百分比？

效果+ camrea：高度25％，宽度100％

拼贴：高度25％，宽度50％

拉伸：高度25％，宽度50％

照片：高度50％ ，宽50％

店：高25％，宽度100％

非常感谢你：'（

<RelativeLayout android:id="@+id/mainContent" android:layout_width="fill_parent" android:layout_height="fill_parent" 
    android:orientation="horizontal" android:background="#ffffff"> 
    <ImageView 
     android:id="@+id/img_effect+camera" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:src="@drawable/a" /> 
    <ImageView 
     android:id="@+id/img_collage" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/img_effect+camera" 
     android:src="@drawable/b" /> 
    <ImageView 
     android:id="@+id/img_draw" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_below="@+id/img_effect+camera" 
     android:layout_toRightOf="@+id/img_collage" 
     android:src="@drawable/c" /> 
    <ImageView 
     android:id="@+id/img_photo" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_toRightOf="@+id/img_collage" 
     android:layout_below="@+id/img_draw" 
     android:src="@drawable/d" /> 
    <ImageView 
     android:id="@+id/img_shop" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/img_photo" 
     android:src="@drawable/e" /> 
</RelativeLayout> 

Answer 1

您可以考虑使用Android的：在XML layout_weight PARAM布局 http://developer.android.com/reference/android/widget/LinearLayout.LayoutParams.html#attr_android:layout_weight

<LinearLayout android:id="@+id/mainContent" android:layout_width="match_parent" android:layout_height="match_parent" 
android:orientation="vertical" android:background="#ffffff"> 
<!-- height 25% --> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:orientation="horizontal"> 

    <ImageView 
     android:id="@+id/img_effect" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/a" /> 
    <ImageView 
     android:id="@+id/img_camera" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/a" />  
</LinearLayout> 

<!-- height 50% --> 
<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="2" 
    android:orientation="horizontal"> 

    <!-- width 50% --> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical"> 

     <!-- height 50%% --> 
     <ImageView 
      android:id="@+id/img_collage" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:src="@drawable/a" /> 

     <!-- height 50%% -->  
     <ImageView 
      android:id="@+id/img_draw" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:src="@drawable/a" />  
    </LinearLayout> 

    <!-- width 50% --> 
    <ImageView 
     android:id="@+id/img_photo" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="match_parent" 
     android:src="@drawable/b" /> 
</LinearLayout> 
<!-- height 25%% --> 
<ImageView 
    android:id="@+id/img_shop" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:src="@drawable/e" /> 

Answer 2

它很难，您可以通过代码做一些计算做到这一点。 怎么做：

• 获取搜索Maincontent高度&宽度，这是你的父视图。
• GetLayoutparams每个ImageView的，并设置高度&宽度，通过计算百分比高度&宽度

示例代码： （活性）

final View parentView= findViewById(R.id.mainContent); 
final ImageView effect_camera= (ImageView)findViewById(R.id.img_effect+camera); 

effect_camera.post(new Runnable(){ 
    @Override 
    public void run(){ 
    int height=parentView.getHeight(); 
    int width=parentView.getWidth(); 


    RelativeLayout.LayoutParams lp= (RelativeLayout.LayoutParams)effect_camera.getLayoutParams(); 
    int percentHeight=height*.25; 
    int percentWidth= width*1; 
    lp.height=percentHeight; 
    lp.width=percentWidth; 
    effect_camera.setLayoutParams(lp); 
} 
});