安卓：跨行的图像 [英] Android : row spanning for images

查看：184
本文介绍了安卓：跨行的图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在我的应用我想在2列3行显示5张图片
实际上此搜索排跨度1和第2行中柱1。其余全部图像只占据一个单元格

SO布局

  IMAGE2此搜索                       图像3             图片4图像5

此行跨越的，因为我不能使用网格视图或表格布局
我试图线性和相对布局内定义。
但我没能获得正确对齐的inages。

请建议帮助我在这里。我想吨这样的方式定义的图像将被调整accrording屏幕大小

请参阅我已经定义的XML。我已经添加了几个选项，使它看起来我想要的方式。

 ＆LT; LinerLayout ..＆GT;
    ＆LT; RelativeLayout的机器人：layout_width =FILL_PARENT
        机器人：layout_height =FILL_PARENT＆GT;        ＆LT; ImageView的机器人：ID =@ + ID / image1的机器人：layout_width =WRAP_CONTENT
             机器人：SRC =@绘制/ IMG1机器人：layout_height =WRAP_CONTENT
             机器人：layout_below =@ + ID / text1view/＆GT;
        ＆LT; ImageView的机器人：ID =@ + ID / IMAGE2
            机器人：layout_width =WRAP_CONTENT机器人：layout_height =WRAP_CONTENT
            机器人：layout_toRightOf =@ + ID / image1的机器人：SRC =@绘制/ imqge2
            机器人：layout_below =@ + ID / text1view机器人：的onClick =
            机器人：layout_alignTop =@ + ID / image1的机器人：layout_alignParentRight =真/＆GT;
        ＆LT; ImageView的机器人：ID =@ + ID /图像3
            机器人：layout_width =WRAP_CONTENT机器人：layout_height =WRAP_CONTENT
            机器人：layout_toRightOf =@ + ID / image1的机器人：SRC =@绘制/图像3
            机器人：layout_below =@ + ID / IMAGE2机器人：的onClick =
            机器人：layout_alignBottom =@ + ID / image1的机器人：layout_alignLeft =@ + ID / IMAGE2
            机器人：layout_alignParentRight =真/＆GT;
        ＆LT; ImageView的机器人：ID =@ + ID /图片4
            机器人：layout_width =WRAP_CONTENT机器人：layout_height =WRAP_CONTENT
            机器人：SRC =@绘制/图片4机器人：layout_alignParentBottom =真
            机器人：layout_below =@ + ID / image1的机器人：的onClick =/＆GT;
        ＆LT; ImageView的机器人：ID =@ + ID /图像5
            机器人：layout_width =WRAP_CONTENT机器人：layout_height =WRAP_CONTENT
            机器人：SRC =@绘制/图像5机器人：layout_toRightOf =@ + ID /图片4
            机器人：layout_below =@ + ID /图像3安卓的onClick =机器人：layout_alignParentBottom =真
            机器人：layout_alignTop =@ + ID /图片4机器人：layout_alignLeft =@ + ID / IMAGE2/＆GT;
    ＆LT; / RelativeLayout的＆GT;

最新编辑code：

 ＆LT;的LinearLayout的android：layout_width =FILL_PARENT
        机器人：layout_height =WRAP_CONTENT机器人：方向=横向
        机器人：weightSum =2＆GT;
         ＆LT; RelativeLayout的机器人：layout_height =FILL_PARENT
         机器人：layout_width =FILL_PARENT机器人：layout_weight =1
         机器人：ID =@ + ID / relativeLayout1＆GT;
        ＆LT;的LinearLayout的android：layout_width =FILL_PARENT
            机器人：layout_height =FILL_PARENT机器人：方向=垂直
            机器人：weightSum =3＆GT;
            ＆LT; ImageView的机器人：ID =@ + ID / image1的机器人：SRC =@绘制/ rotating_img1
                机器人：layout_width =FILL_PARENT机器人：layout_height =0dip
                机器人：layout_below =@ + ID / text1view机器人：scaleType =fitXY
                机器人：layout_weight =2/＆GT;
            ＆LT; ImageView的机器人：ID =@ + ID / aboutklink
                机器人：layout_width =FILL_PARENT机器人：layout_height =0dip
                机器人：SRC =@绘制/关于安卓的onClick =机器人：scaleType =fitXY
                机器人：layout_weight =1/＆GT;
        ＆LT; / LinearLayout中＆GT;
        ＆LT; / RelativeLayout的＆GT;
         ＆LT; RelativeLayout的机器人：layout_height =FILL_PARENT
         机器人：layout_width =FILL_PARENT机器人：layout_weight =1
         ＆GT;
        ＆LT;的LinearLayout的android：layout_width =FILL_PARENT
            机器人：layout_height =FILL_PARENT机器人：方向=垂直
            机器人：weightSum =3＆GT;
            ＆LT; ImageView的机器人：ID =@ + ID /产品
                机器人：layout_width =FILL_PARENT机器人：layout_height =0dip
                机器人：SRC =@绘制/产品机器人：的onClick =机器人：scaleType =fitXY
                机器人：layout_weight =1/＆GT;
            ＆LT; ImageView的机器人：ID =@ + ID / productspackages
                机器人：layout_width =FILL_PARENT机器人：layout_height =0dip
                机器人：SRC =@绘制/ special_prod机器人：layout_below =@ + ID /产品
                安卓的onClick =机器人：scaleType =fitXY机器人：layout_weight =1/＆GT;
            ＆LT; ImageView的机器人：ID =@ + ID /事件的android：layout_width =FILL_PARENT
                机器人：layout_height =0dip机器人：SRC =@绘制/事件
                安卓的onClick =机器人：scaleType =fitXY机器人：layout_weight =1/＆GT;
        ＆LT; / LinearLayout中＆GT;
        ＆LT; / RelativeLayout的＆GT;
    ＆LT; / LinearLayout中＆GT;


解决方案

 ＆LT;？XML版本=1.0编码=UTF-8＆GT？;
＆LT; LinearLayout中的xmlns：机器人=htt​​p://schemas.android.com/apk/res/android
    机器人：方向=垂直的android：layout_width =FILL_PARENT
    机器人：layout_height =FILL_PARENT机器人：weightSum =3＆GT;
    ＆LT; RelativeLayout的机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：layout_weight =1机器人：ID =@ + ID / relativeLayout1＆GT;
        ＆LT;的LinearLayout机器人：ID =@ + ID / linearLayout1机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：weightSum =2＆GT;
     ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
        机器人：SRC =@绘制/图标的android：layout_width =0dp
        机器人：layout_weight =1机器人：scaleType =fitXY＆GT;＆LT; / ImageView的＆GT;
    ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
        机器人：SRC =@绘制/图标的android：layout_width =0dp机器人：scaleType =fitXY
        机器人：layout_weight =1＆GT;＆LT; / ImageView的＆GT;
       ＆LT; / LinearLayout中＆GT;
    ＆LT; / RelativeLayout的＆GT;        ＆LT; RelativeLayout的机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：layout_weight =1机器人：ID =@ + ID / relativeLayout1＆GT;
        ＆LT;的LinearLayout机器人：ID =@ + ID / linearLayout1机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：weightSum =2＆GT;
     ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
         机器人：layout_width =0dp
        机器人：layout_weight =1机器人：scaleType =fitXY＆GT;＆LT; / ImageView的＆GT;
    ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
        机器人：SRC =@绘制/图标的android：layout_width =0dp机器人：scaleType =fitXY
        机器人：layout_weight =1＆GT;＆LT; / ImageView的＆GT;
       ＆LT; / LinearLayout中＆GT;
    ＆LT; / RelativeLayout的＆GT;
        ＆LT; RelativeLayout的机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：layout_weight =1机器人：ID =@ + ID / relativeLayout1＆GT;
        ＆LT;的LinearLayout机器人：ID =@ + ID / linearLayout1机器人：layout_height =FILL_PARENT的android：layout_width =FILL_PARENT机器人：weightSum =2＆GT;
     ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
        机器人：SRC =@绘制/图标的android：layout_width =0dp
        机器人：layout_weight =1机器人：scaleType =fitXY＆GT;＆LT; / ImageView的＆GT;
    ＆LT; ImageView的机器人：layout_height =FILL_PARENT机器人：ID =@ + ID / imageView1
        机器人：SRC =@绘制/图标的android：layout_width =0dp机器人：scaleType =fitXY
        机器人：layout_weight =1＆GT;＆LT; / ImageView的＆GT;
       ＆LT; / LinearLayout中＆GT;
    ＆LT; / RelativeLayout的＆GT;
＆LT; / LinearLayout中＆GT;

In my application i want to display 5 images in 2 columns and 3 rows Image1 actually spans colum 1 of row 1 and row 2 . rest all images occupy just one cell

SO the layout is

             image1    image2

                       image3

             image4    image5

because of this row spanning , i couldnt use grid view or tabular layout I tried to define within linear and relative layout. But i am not able to get the inages aligned properly.

Please suggest help me out here. I want t define in such a way that the images will be resized accrording to screen size

Please see the xml i have defined. I have added several options to make it look the way i wanted .

<LinerLayout .. >
    <RelativeLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <ImageView android:id="@+id/image1" android:layout_width="wrap_content"
             android:src="@drawable/img1"  android:layout_height="wrap_content" 
             android:layout_below="@+id/text1view" />
        <ImageView android:id="@+id/image2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/image1" android:src="@drawable/imqge2"
            android:layout_below="@+id/text1view" android:onClick="" 
            android:layout_alignTop="@+id/image1" android:layout_alignParentRight="true"/>
        <ImageView android:id="@+id/image3"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/image1" android:src="@drawable/image3"
            android:layout_below="@+id/image2" android:onClick=""
            android:layout_alignBottom="@+id/image1" android:layout_alignLeft="@+id/image2"
            android:layout_alignParentRight="true"  />      
        <ImageView android:id="@+id/image4"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/image4" android:layout_alignParentBottom="true"
            android:layout_below="@+id/image1" android:onClick="" />
        <ImageView android:id="@+id/image5"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/image5" android:layout_toRightOf="@+id/image4"
            android:layout_below="@+id/image3" android:onClick="" android:layout_alignParentBottom="true"
            android:layout_alignTop="@+id/image4"  android:layout_alignLeft="@+id/image2"/>
    </RelativeLayout>

Latest edited code :

<LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:orientation="horizontal" 
        android:weightSum="2">
         <RelativeLayout android:layout_height="fill_parent" 
         android:layout_width="fill_parent" android:layout_weight="1" 
         android:id="@+id/relativeLayout1">
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:orientation="vertical"
            android:weightSum="3">
            <ImageView android:id="@+id/image1" android:src="@drawable/rotating_img1"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:layout_below="@+id/text1view" android:scaleType="fitXY" 
                android:layout_weight="2"/>
            <ImageView android:id="@+id/aboutklink"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/about" android:onClick="" android:scaleType="fitXY"
                android:layout_weight="1"/>
        </LinearLayout>
        </RelativeLayout>
         <RelativeLayout android:layout_height="fill_parent" 
         android:layout_width="fill_parent" android:layout_weight="1" 
         >
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:orientation="vertical"
            android:weightSum="3">
            <ImageView android:id="@+id/products"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/products" android:onClick="" android:scaleType="fitXY"
                android:layout_weight="1"/>
            <ImageView android:id="@+id/productspackages"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/special_prod" android:layout_below="@+id/products"
                android:onClick="" android:scaleType="fitXY" android:layout_weight="1"/>
            <ImageView android:id="@+id/events" android:layout_width="fill_parent"
                android:layout_height="0dip" android:src="@drawable/events"
                android:onClick="" android:scaleType="fitXY" android:layout_weight="1"/>
        </LinearLayout>
        </RelativeLayout>
    </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" android:weightSum="3"> 


    <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>

        <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
         android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>


        <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>


</LinearLayout>

这篇关于安卓：跨行的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
移动开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆