Java 使用与洗牌匹配的按钮洗牌图像

我试图在屏幕上随机布置10个编号为1-10的图像按钮。 我使用了一个数组列表和集合。Shuffle命令，用于洗牌背景

drawables

但我似乎无法将按钮侦听器与这些随机图像联系起来

// assigned arrays here
Button[] buttons = new Button[10];
Button[] buttonimages = new Button[10];
List<Button> list;
// Global Variables
int[] buttonarray =     {R.drawable.button1,R.drawable.button2,R.drawable.button3,R.drawable.button4,R.drawable.button5,R.drawable.button6,R.drawable.button7,R.drawable.button8,R.drawable.button9,R.drawable.button10};
int idarray[] = {R.id.number1,R.id.number2,R.id.number3,R.id.number4,R.id.number5,R.id.number6,R.id.number7,R.id.number8,R.id.number9,R.id.number10};

问题是， 当我点击第一个按钮时。它在第一个位置有一个数字5的图像，但它仍然与按钮1关联。基本上我有2行5个数字混在一起。我希望按钮单击以响应按钮5，而不是按钮1。

让您开始

LinearLayout ll;
ArrayList<Button> buttons = new ArrayList<Button>();
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // create a layout
    ll = new LinearLayout(this);
    ll.setOrientation(LinearLayout.VERTICAL);

    for (int i = 0; i < 10; i++) {
        buttons.add(createButton(i));
    }
    Collections.shuffle(buttons);

    for (Button b : buttons) {
        ll.addView(b);
    }

    setContentView(ll);

}

private Button createButton(final int i) {
    Button b = new Button(this);
    b.setText(i + "");
    b.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(),
                    "Clicking button: " + i, Toast.LENGTH_SHORT).show();
        }

    });
    b.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
            LayoutParams.WRAP_CONTENT));
    return b;
}

linearlayoutll；
ArrayList按钮=新建ArrayList（）；
@凌驾
创建时的公共void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
//创建布局
ll=新的线性布局（本）；
ll.设置方向（线性布局、垂直）；
对于（int i=0；i<10；i++）{
按钮。添加（createButton（i））；
}
收藏。洗牌（按钮）；
用于（按钮b：按钮）{
ll.addView（b）；
}
setContentView（ll）；
}
专用按钮createButton（最终int i）{
按钮b=新按钮（此按钮）；
b、 setText（i+）；
b、 setOnClickListener（新的OnClickListener（）{
@凌驾
公共void onClick（视图v）{
Toast.makeText（getApplicationContext（），
单击按钮：“+i，Toast.LENGTH_SHORT.show（）；
}
});
b、 setLayoutParams（新的LayoutParams（LayoutParams.MATCH_父级，
LayoutParams.WRAP_内容）；
返回b；
}

在这里，我只是尝试创建按钮并将索引设置为显示文本。您可以将背景资源设置为图片或任何您想要的内容。希望这有帮助

---

要有2行5个按钮，您需要三个线性布局。这是我们的代码

 LinearLayout ll;
    ArrayList<Button> buttons = new ArrayList<Button>();
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // create main layout which will host two linear layouts vertically
        ll = new LinearLayout(this);
        ll.setOrientation(LinearLayout.VERTICAL);

        //create another two linear layouts which will host 5 buttons horizontally
        Linear linearLayout1 = new LinearLayout(this);
        Linear linearLayout2 = new LinearLayout(this);

        for (int i = 0; i < 10; i++) {
            buttons.add(createButton(i));
        }
        Collections.shuffle(buttons);

        //add first 5 buttons to first layout
        for (int i=0;i<5;i++) {
            linearLayout1.addView(buttons.get(i));
        }
        //add remaining 5 to second layout
        for (int i=5;i<10;i++){
            linearLayout2.addView(buttons.get(i));
        }
    //add two layouts to main layout
      ll.addView(linearLayout1);
      ll.addView(linearLayout2);


    //set main linear layout to be main layout of the actvitiy.
        setContentView(ll);

    }

    private Button createButton(final int i) {
        Button b = new Button(this);
        b.setText(i + "");
        b.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(),
                        "Clicking button: " + i, Toast.LENGTH_SHORT).show();
            }

        });
        b.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.WRAP_CONTENT));
        return b;
    }

linearlayoutll；
ArrayList按钮=新建ArrayList（）；
@凌驾
创建时的公共void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
//创建主布局，它将垂直承载两个线性布局
ll=新的线性布局（本）；
ll.设置方向（线性布局、垂直）；
//创建另外两个线性布局，水平放置5个按钮
线性布局1=新的线性布局（本）；
线性布局2=新的线性布局（本）；
对于（int i=0；i<10；i++）{
按钮。添加（createButton（i））；
}
收藏。洗牌（按钮）；
//将前5个按钮添加到第一个布局
为了（int i=0；i让您开始

LinearLayout ll;
ArrayList<Button> buttons = new ArrayList<Button>();
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // create a layout
    ll = new LinearLayout(this);
    ll.setOrientation(LinearLayout.VERTICAL);

    for (int i = 0; i < 10; i++) {
        buttons.add(createButton(i));
    }
    Collections.shuffle(buttons);

    for (Button b : buttons) {
        ll.addView(b);
    }

    setContentView(ll);

}

private Button createButton(final int i) {
    Button b = new Button(this);
    b.setText(i + "");
    b.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(),
                    "Clicking button: " + i, Toast.LENGTH_SHORT).show();
        }

    });
    b.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
            LayoutParams.WRAP_CONTENT));
    return b;
}

linearlayoutll；
ArrayList按钮=新建ArrayList（）；
@凌驾
创建时的公共void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
//创建布局
ll=新的线性布局（本）；
ll.设置方向（线性布局、垂直）；
对于（int i=0；i<10；i++）{
按钮。添加（createButton（i））；
}
收藏。洗牌（按钮）；
用于（按钮b：按钮）{
ll.addView（b）；
}
setContentView（ll）；
}
专用按钮createButton（最终int i）{
按钮b=新按钮（此按钮）；
b、 setText（i+）；
b、 setOnClickListener（新的OnClickListener（）{
@凌驾
公共void onClick（视图v）{
Toast.makeText（getApplicationContext（），
单击按钮：“+i，Toast.LENGTH_SHORT.show（）；
}
});
b、 setLayoutParams（新的LayoutParams（LayoutParams.MATCH_父级，
LayoutParams.WRAP_内容）；
返回b；
}

在这里，我只是尝试创建按钮并将索引设置为显示文本。您可以将背景资源设置为图片或任何您想要的内容。希望这对您有所帮助


要有2行5个按钮，你需要3个线性布局。这里我们来看看代码

 LinearLayout ll;
    ArrayList<Button> buttons = new ArrayList<Button>();
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // create main layout which will host two linear layouts vertically
        ll = new LinearLayout(this);
        ll.setOrientation(LinearLayout.VERTICAL);

        //create another two linear layouts which will host 5 buttons horizontally
        Linear linearLayout1 = new LinearLayout(this);
        Linear linearLayout2 = new LinearLayout(this);

        for (int i = 0; i < 10; i++) {
            buttons.add(createButton(i));
        }
        Collections.shuffle(buttons);

        //add first 5 buttons to first layout
        for (int i=0;i<5;i++) {
            linearLayout1.addView(buttons.get(i));
        }
        //add remaining 5 to second layout
        for (int i=5;i<10;i++){
            linearLayout2.addView(buttons.get(i));
        }
    //add two layouts to main layout
      ll.addView(linearLayout1);
      ll.addView(linearLayout2);


    //set main linear layout to be main layout of the actvitiy.
        setContentView(ll);

    }

    private Button createButton(final int i) {
        Button b = new Button(this);
        b.setText(i + "");
        b.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(),
                        "Clicking button: " + i, Toast.LENGTH_SHORT).show();
            }

        });
        b.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.WRAP_CONTENT));
        return b;
    }

linearlayoutll；
ArrayList按钮=新建ArrayList（）；
@凌驾
创建时的公共void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
//创建主布局，它将垂直承载两个线性布局
ll=新的线性布局（本）；
ll.设置方向（线性布局、垂直）；
//创建另外两个线性布局，水平放置5个按钮
线性布局1=新的线性布局（本）；
线性布局2=新的线性布局（本）；
对于（int i=0；i<10；i++）{
按钮。添加（createButton（i））；
}
收藏。洗牌（按钮）；
//将前5个按钮添加到第一个布局
对于（int i=0；我请完成描述您的问题。抱歉，伙计们，不确定那里发生了什么。完成描述：它有一个数字5的图像，在第一个位置，但它仍然与按钮#1关联。基本上，我有两行5个数字混合在一起。我希望按钮单击以响应按钮5，而不是按钮1。希望这是有意义的。Thxy您确实有用于布局的e xml文件？我想你应该按照你所指的
R.id…
来做。如果你想移动你的按钮，静态布局是个问题。你需要从代码（定位按钮）动态地做。是的，我正在使用xml文件进行初始布局。我将如何随机移动按钮？请完成描述您的问题。抱歉，伙计们，不确定那里发生了什么。完成描述：它在第一个位置有一个数字5的图像，但它仍然与按钮#1关联。基本上，我有两行5个数字混合在一起。我想要t他点击按钮以响应按钮5，而不是按钮1。希望这是有意义的。您确实有用于布局的xml文件吗？我猜您是按照您所指的
R.id…
来做的。如果您想移动按钮，静态布局是个问题。您需要从代码（定位按钮）动态地进行操作。是的，我正在使用xml文件进行初始布局。我将如何随机移动按钮？谢谢。我想这就是我要找的，我会给它一个快照并发布响应。这似乎可行，但最终视图正在显示