使用LinearLayout显示多个图像

时间:2013-08-26 14:57:19

标签: java android android-linearlayout

尝试在图像视图上设置图像,它将根据屏幕尺寸拉伸图像,并且还会自动调整图像,使其不会超出屏幕。

我的主要活动:

package com.example.testting;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.RelativeLayout.LayoutParams;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        LinearLayout ll = (LinearLayout) findViewById(R.id.llLayout);
        for(int i=0;i<10;i++)
        {
                LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(R.dimen.num_icon, R.dimen.num_icon);
                ImageView ii= new ImageView(this);
                ii.setBackgroundResource(R.drawable.apple);
                ii.setLayoutParams(layoutParams);
                ll.addView(ii);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

我的XML:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:id="@+id/llLayout"
    android:orientation="horizontal"
    android:gravity="center" >

</LinearLayout>

标准电话屏幕的res/values/dimens个文件:

<resources>

    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
        <dimen name="num_icon">55dp</dimen>

</resources>

我的res/values/dimens 7英寸屏幕文件:

<resources>

    <!--
         Customize dimensions originally defined in res/values/dimens.xml (such as
         screen margins) for sw600dp devices (e.g. 7" tablets) here.
    -->

    <dimen name="num_icon">110dp</dimen>

</resources>

我的res/values/dimens 10英寸屏幕文件:

<resources>

    <!--
         Customize dimensions originally defined in res/values/dimens.xml (such as
         screen margins) for sw720dp devices (e.g. 10" tablets) here.
    -->

    <dimen name="num_icon">160dp</dimen>

</resources>

假设使用维度XML显示10个图像,但事实并非如此。我看到以下内容: enter image description here

4 个答案:

答案 0 :(得分:2)

llLayout方向保持为垂直

LinearLayout ll = (LinearLayout) findViewById(R.id.llLayout);
            for(int i=1;i<=10;i++)
            {
                LinearLayout linear=null;
                if(i/5==0){

                    if(linear!=null){

                        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                        ll.addView(linear,layoutParams);
                    }
                    linear = new LinearLayout(this);
                    linear.setOrientation(LinearLayout.HORIZONTAL);
                }
               LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams((int)getResources().getDimension(R.dimen.test), (int)getResources().getDimension(R.dimen.test));

                ImageView ii= new ImageView(this);
                ii.setBackgroundResource(R.drawable.ic_launcher);
                ii.setLayoutParams(layoutParams);
                linear.addView(ii);
            }

答案 1 :(得分:1)

1。 R.dimen.some_value应包含res / values-XxXX文件夹中定义的尺寸。

2. 我不确定你在下一行添加图片是什么意思,但是你可以尝试使用RelativeLayout,相对于其他视图,可以使用RelativeLayout的子项进行定位。 android:layout_above,android:layout_below等属性

答案 2 :(得分:1)

关于第一个问题,请查看:dimens

至于第二个问题,请查看:line break

答案 3 :(得分:1)

试一试这会显示每排5行图像

LinearLayout ll = (LinearLayout) findViewById(R.id.llLayout);
    LinearLayout linear=new LinearLayout(this);
    for(int i=0;i<=10;i++)
    { 

            if(i%5==0){

                LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                ll.addView(linear,layoutParams);
                linear = new LinearLayout(this);
                linear.setOrientation(LinearLayout.HORIZONTAL);
            }            
       LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams((int)getResources().getDimension(R.dimen.test), (int)getResources().getDimension(R.dimen.test));

        ImageView ii= new ImageView(this);
        ii.setBackgroundResource(R.drawable.ic_launcher);
        ii.setLayoutParams(layoutParams);
        linear.addView(ii);
    }

    }