android - レイアウトに画像を動的に表示する

Question

私は10個の画像（ビールジョッキなど）を含む線形レイアウトを持っています.5つは上行に、5つは2行目にありますが、サーバーから3つの値を取得した場合のようにこれらの画像を動的に表示したい場合、2つのビールジョッキが上に表示されますその列も中央に、3 番目のマグカップは 2 列目も中央に表示されます。同様に、サーバーから 7 の値を取得すると、上段に 4 個のマグカップが表示され、2 行目に 3 個のマグカップが表示されます。

Answer 1

このようなものを探していると思います。

import java.util.Random;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.app.Activity;
import android.content.Context;

public class MainActivity extends Activity {

    private Context context = null;

    private Button btnUpdate = null;

    private LinearLayout firstRow = null;
    private LinearLayout secondRow = null;

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

        this.context = this;

        this.firstRow = (LinearLayout) this
                .findViewById(R.id.ac_main__firstrow);
        this.secondRow = (LinearLayout) this
                .findViewById(R.id.ac_main__secondrow);

        this.btnUpdate = (Button) this.findViewById(R.id.ac_main__updatebtn);
        this.btnUpdate.setOnClickListener(onClickUpdateRow);


    }

    // I used this mothods only because i don't have a server that give me the value
    private int generateRandomInt() {
        Random rdm = new Random();
        return rdm.nextInt(9);
    }

    // Generate a new ImageView
    private ImageView generateImageView() {
        ImageView beerIcon = new ImageView(this.context);
        //Custumize this with your drawable
        beerIcon.setImageDrawable(this.getResources().getDrawable(R.drawable.ic_launcher));
        return beerIcon;
    }

    private void updateImageRow() {
        int rdmValue = this.generateRandomInt();

        int rowOneImageNumber = rdmValue / 2;

        int rowTwoImageNumber = rdmValue - rowOneImageNumber;

        this.firstRow.removeAllViewsInLayout();
        this.secondRow.removeAllViewsInLayout();

        if (rowOneImageNumber >= rowTwoImageNumber) {

            for (int i = 0; i <= rowOneImageNumber; i++) {
                this.firstRow.addView(this.generateImageView());
            }
            for (int i = 0; i <= rowTwoImageNumber; i++) {
                this.secondRow.addView(this.generateImageView());
            }

        } else {

            for (int i = 0; i <= rowTwoImageNumber; i++) {

                this.firstRow.addView(this.generateImageView());
            }
            for (int i = 0; i <= rowOneImageNumber; i++) {
                this.secondRow.addView(this.generateImageView());
            }
        }
    }

    private OnClickListener onClickUpdateRow = new OnClickListener() {

        @Override
        public void onClick(View arg0) {
            updateImageRow();
        }

    };

そして、actvity_main.xmlこれは次のようなものです：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/ac_main__firstrow"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:orientation="horizontal" >
    </LinearLayout>

    <LinearLayout
         android:id="@+id/ac_main__secondrow"
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:orientation="horizontal">
    </LinearLayout>

    <Button
        android:id="@+id/ac_main__updatebtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Update" />

    <!-- other layout element -->

</LinearLayout>

これがあなたを正しい方向に導くことを願っています。