Question

我们有一个关于在我的布局中添加图片的问题。现在我已下载了四张图片，但我的所有图片都堆叠在一起，我希望能够让它们彼此相邻，比如顶部的2张图片和底部的2张图片，最好的方法是什么？现在我正在使用相对布局，我使用AsyncTask来处理图像。

我的代码：

public class MainActivity extends Activity {

//String[] imgUrls = {getString(R.string.uncc_main_thumb),getString(R.string.football_main_thumb,getString(R.string.ifest_main_thumb),getString(R.string.commencement_main_thumb))};
String[] imgUrls={"http://farm5.staticflickr.com/4113/4843614620_c541de5a5c_m.jpg",
                  "http://farm8.staticflickr.com/7265/8151547298_85e60e7368_m.jpg",
                  "http://farm9.staticflickr.com/8054/8414075899_e87a74407b_m.jpg",
                  "http://farm9.staticflickr.com/8210/8277674769_7d1245dbf1_m.jpg"};
RelativeLayout root;
ProgressDialog progressDialog;

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

    root = (RelativeLayout) findViewById(R.id.RelativeLayout1);

    for (String imgUrl : imgUrls) {
        new DownLoadImages().execute(imgUrl);
    }
}

private class DownLoadImages extends
AsyncTask<String, Void, Bitmap> {
    @Override
        protected Bitmap doInBackground(String... params) {
        String imgUrl = params[0];
        Bitmap image = null;
        try {
            URL url = new URL(imgUrl);
            image = BitmapFactory.decodeStream(url.openStream());
            } catch (MalformedURLException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        return image;
}

       @Override
        protected void onPreExecute() {
            super.onPreExecute();
            // show the loading message while downloading the image
            progressDialog = ProgressDialog.show(MainActivity.this,null, "loading...");
        }

       @Override
       protected void onPostExecute(Bitmap result) {
           if (result == null) {
               result = ((BitmapDrawable) getResources().getDrawable(
                       R.drawable.not_found)).getBitmap();
            }

           ImageView imageViewToBeAdded = new ImageView(getBaseContext());
           imageViewToBeAdded.setLayoutParams(new LayoutParams(
                   LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
           imageViewToBeAdded.setPadding(5, 5, 5, 5);
           imageViewToBeAdded.setImageBitmap(result);
           root.addView(imageViewToBeAdded);
}
}

}

Answer 1

最简单的方法是使用包含2行的TableLayout。

Answer 2

查看寻呼机 View pager

或Grid View With Gallery

Answer 3

您可以通过多种不同方式执行此操作，例如，如果您只需要在屏幕上显示这四张图片，则可以使用layout_weight属性进行查看。例如

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#aaaaaa"
              android:gravity="center_vertical"
              android:orientation="vertical">
    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal"
            >
        <ImageView
                android:layout_weight="1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"

                android:src="@drawable/top_blue"/>
        <ImageView
                android:layout_weight="1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"

                android:src="@drawable/top_blue"/>
    </LinearLayout>
    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_weight="1"
            >
        <ImageView
                android:layout_weight="1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"

                android:src="@drawable/top_blue"/>
        <ImageView
                android:layout_weight="1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"

                android:src="@drawable/top_blue"/>
    </LinearLayout>


</LinearLayout>

这看起来像这样： And that would look like this:

希望这会有所帮助：）

如何在android中添加彼此相邻的图像

3 个答案: