以编程方式在单个活动中创建多个图像按钮

时间:2013-12-23 06:16:27

标签: android

我有一张图片myimage.png,位于我的res - drawable文件夹中。 我必须使用相同的图像在一个活动中创建50个ImageButtons。

然后,当用户点击时,我需要弹出一个吐司说按钮号码,我点击了。

这就是我所做的:

public class AllImageButtons extends Activity {

int screendimesionx;
int screendimesiony;
ImageButton imageButton;
ImageButton allImageButtons[] = new ImageButton[50];

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.allbuttonimages);

    DisplayMetrics metrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    screendimesiony = metrics.heightPixels;
    screendimesionx = metrics.widthPixels;

    createButtonsAndAddListener();

}



public void createButtonsAndAddListener() {
    for (int i = 0; i < 50; i++) {
        imageButton = (ImageButton) findViewById(R.id.myimage);
        float buttonimagey = imageButton.getDrawable().getBounds().height();
        float buttonimagex = imageButton.getDrawable().getBounds().width();
        float xspaceforeachbuttonimage = screendimesionx/50;
        LayoutParams par = (LayoutParams)imageButton.getLayoutParams();
        par.leftMargin = (int) (i*xspaceforeachbuttonimage);
        par.topMargin = 0;
        imageButton.setLayoutParams(par);
        allImageButtons[i] = imageButton;
        allImageButtons[i].setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {

                Toast.makeText(AllbuttonimagesForSelectionActivity.this,
                        "ImageButton is clicked!", Toast.LENGTH_SHORT)
                        .show();

            }


        });

    }
}}

然后是关联的xml文件allbuttonimages.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/myimage" />

</LinearLayout>

此xml布局仅显示循环中的最后一个ImageButton。

我的问题:

如何在一个视图中动态创建同一图像中的所有50个ImageButtons?

4 个答案:

答案 0 :(得分:2)

您没有将按钮添加到父级。 使用addView(yourImageButton)将您的图片按钮添加到活动

现在可见的按钮是xml中的按钮

您应该使用new

创建新的imageButton

例如:ImageButton imgBtn = new ImageButton(this) 然后将属性和addView设置为父布局

您将无法获得50个按钮,其中包含xml中定义的按钮

答案 1 :(得分:1)

你在布局中有一个按钮,你正在为它调用findViewById。

每次都需要创建新按钮并将其添加到linearlayout。

public void createButtonsAndAddListener() {

for (int i = 0; i < 50; i++) {
    imageButton = new ImageButton(this);
    imageButton.setImageResource(R.drawable.myimage);
    float buttonimagey = imageButton.getDrawable().getBounds().height();
    float buttonimagex = imageButton.getDrawable().getBounds().width();
    float xspaceforeachbuttonimage = screendimesionx/50;
    LayoutParams par = (LayoutParams)imageButton.getLayoutParams();
    par.leftMargin = (int) (i*xspaceforeachbuttonimage);
    par.topMargin = 0;
    imageButton.setLayoutParams(par);
    allImageButtons[i] = imageButton;
    allImageButtons[i].setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {

            Toast.makeText(AllbuttonimagesForSelectionActivity.this,
                    "ImageButton is clicked!", Toast.LENGTH_SHORT)
                    .show();

        }


    });
    ((LinearLayout)findViewById(R.id.ll)).addView(imageButton);
}

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" android:id="@+id/ll">    
</LinearLayout>

答案 2 :(得分:1)

您的代码不会将图像添加到布局中。在代码中获取父布局,并使用addView将图像添加到其中。在你之间不需要xml中的图像按钮。你可以这样做:

    LinearLayout parent = (LinearLayout)findViewById(R.id.the_parent_layout);
    for(int i = 0; i< 50; i++){
        ImageButton image = new ImageButton(context);
        //set whatever properties you want

       //then add to the parent
       parent.addView(image); // you can also specify the layout params here  
    }  

答案 3 :(得分:1)

试试这个......

for (int i = 0; i < 50; i++) {
    ImageButton b1 = new ImageButton(myrefmenu);
    b1.setId(100 + i);
    b1.setImageResource(R.drawable.imagename);
   // b1.setText(adapt_objmenu.city_name_array[i]);
    RelativeLayout.LayoutParams lp = new    RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,  RelativeLayout.LayoutParams.WRAP_CONTENT);
    if (i > 0) {
        lp.addRule(RelativeLayout.RIGHT_OF, b1.getId() - 1);
    }   
     b1.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View arg0) {

            Toast.makeText(AllbuttonimagesForSelectionActivity.this,
                    "ImageButton is clicked!", Toast.LENGTH_SHORT)
                    .show();
        }
    });
    b1.setLayoutParams(lp);
    relative.addView(b1);
}