Android动态创建按钮并填充布局

时间:2012-01-15 11:02:47

标签: android android-layout android-widget dynamically-generated

我正在动态创建一个按钮。按钮的数量取决于arraylist的大小。问题是,在创建按钮后,我将使用addview方法添加到布局中。问题是我使用线性布局,因为线性布局的默认方向是水平的,因此按钮将水平填充布局。因为有些按钮不可见。我想要实现的是这样的事情

multiple button in android messaging contact

我的代码如下:

Button[] tv = new Button[arraylist.size()];
for(int i=0;i<arraylist.size();i++){                                
    tv[i] = new Button(getApplicationContext());
    tv[i].setText(arraylist.get(i).toString());
    tv[i].setTextColor(Color.parseColor("#000000"));
    tv[i].setTextSize(20);
    tv[i].setPadding(15, 5, 15, 5);     
    linearlayout.addView(tv[i]);    
}

如果我将线性布局的方向设置为垂直,则按钮将垂直填充。因此,如果有任何解决方案动态创建按钮并填充水平和垂直布局,如图所示。

6 个答案:

答案 0 :(得分:7)

SDK中没有一个罐装布局可以完全按照您的目标设置(即在水平布置尽可能多的孩子,然后流向下一行布置更多),所以你需要创建一个完成此目的的自定义ViewGroup。幸运的是,Romain Guy在Devoxx的演示中创建了一个现场直播。

以下是指向presentation video的链接。

以下是sample code and slides的链接。

HTH

答案 1 :(得分:6)

经过2天努力思考这个问题终于我找到了解决方案。我试着把我所有的联系人列表,存储在arraylist中并为每个元素创建按钮,我对屏幕上显示后的结果非常满意。这是我如何做到这一点。我非常感谢其他人的评论。

变量声明;

int currWidth;
int currCounter;
boolean isNewLine;
LinkedList<HashMap<String,Object>> button;
ArrayList<String> nameNumber = new ArrayList<String>();
contactWrapper = (LinearLayout) findViewById(R.id.multiple_selection);

创建按钮onClick事件;

for(int i=0;i<nameNumber.size();i++){                               
            tv[i] = new Button(getApplicationContext());                            
            String[] namePhone = nameNumber.get(i).toString().split("@@");
            phoneNumber.add(namePhone[1]);
            tv[i].setText(namePhone[0]);
            tv[i].setTag(namePhone[1]);
            tv[i].setTextColor(Color.parseColor("#000000"));                                
            tv[i].setTextSize(20);
            tv[i].setPadding(15, 5, 15, 5);                                 
            tv[i].measure(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
            HashMap<String, Object> map = new HashMap<String,Object>();
            map.put("button", tv[i]);
            map.put("width", tv[i].getMeasuredWidth());                             
            button.add(map);
        }
        drawLayout();

drawlayout方法是我添加按钮并相应排列以适应布局的地方;

public void drawLayout(){
        int counter=0;
        contactWrapper.setOrientation(LinearLayout.VERTICAL);
        currCounter=0;
        currWidth=0;
        isNewLine=false;
        LinearLayout[] row = new LinearLayout[nameNumber.size()];
        row[currCounter] = new LinearLayout(getApplicationContext());
        @SuppressWarnings("rawtypes")       
        Iterator it = button.iterator();
        for(int i = 0; i<button.size(); i++){   
            it.next();  
            row[currCounter].setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
            currWidth += Integer.parseInt(button.get(i).get("width").toString());
            if(isNewLine){              
                if(currWidth < contactWrapper.getWidth()){  
                    row[currCounter].addView((View) button.get(i).get("button"));
                    if(!it.hasNext()){                      
                        contactWrapper.addView(row[currCounter]);
                    }else{                      
                        if(contactWrapper.getWidth()<(currWidth+Integer.parseInt(button.get(i+1).get("width").toString()))){
                            isNewLine=true;
                            contactWrapper.addView(row[currCounter]);
                            currCounter+=1; 
                            row[currCounter] = new LinearLayout(getApplicationContext());
                            currWidth=0;
                        }else{
                            isNewLine=false;
                        }
                    }
                }else{
                    isNewLine=true;
                    contactWrapper.addView(row[currCounter]);
                    currCounter+=1; 
                    row[currCounter] = new LinearLayout(getApplicationContext());
                    currWidth=0;
                }                                               
            }else{
                if(currWidth < contactWrapper.getWidth()){                                      
                    if(!it.hasNext()){
                        row[currCounter].addView((View) button.get(i).get("button"));
                        contactWrapper.addView(row[currCounter]);
                    }else{
                        row[currCounter].addView((View) button.get(i).get("button"));
                        if(contactWrapper.getWidth()<(currWidth+Integer.parseInt(button.get(i+1).get("width").toString()))){
                            isNewLine=true;
                            contactWrapper.addView(row[currCounter]);
                            currCounter+=1; 
                            row[currCounter] = new LinearLayout(getApplicationContext());
                            currWidth=0;
                        }else{
                            isNewLine=false;
                        }
                    }
                }else{
                    isNewLine=true;
                    contactWrapper.addView(row[currCounter]);
                    currCounter+=1; 
                    row[currCounter] = new LinearLayout(getApplicationContext());
                    currWidth=0;
                }
            }           
            counter++;
        }            
    }

这段代码相当混乱+我没有充分利用数组的大小

LinearLayout[] row = new LinearLayout[nameNumber.size()];

但它对我有用。

答案 2 :(得分:0)

使用TableLayout代替LinearLayout这是tutorial希望这有助于您了解

答案 3 :(得分:0)

您是否设置了android:layout_width="fill_parent"? 如果不这样做,请这样做。

答案 4 :(得分:0)

好吧,你可以尝试使用更复杂的方式。您可以创建水平线性布局,并为其添加按钮。每当您尝试添加新按钮时,通过查找布局和按钮宽度之间的差异来检查是否有位置。

每次填充水平布局时,将其添加到另一个垂直布局,并创建另一个水平布局以存储左侧按钮。

我在我的应用中使用了这个技巧。

答案 5 :(得分:0)

试试这个工作正常

this.row =(LinearLayout)findViewById(R.id.tags);         this.row.setOrientation(LinearLayout.VERTICAL);         LinearLayout one = new LinearLayout(this);

    //get the size of the screen
    Display display = getWindowManager().getDefaultDisplay();
    this.screenWidth = display.getWidth();  // deprecated
    this.screenHeight = display.getHeight();// depreceted

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

        one.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

        this.button = new Button(this);
        button.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
        if(i==0) {
            this.button.setText("Muhammad Aamir");
        } else if(i==1) {
            this.button.setText("Ahsan");
        } else if(i==2) {
            this.button.setText("Mujahid");
        } else if(i==3) {
            this.button.setText("Waqas");
        } else if(i==4) {
            this.button.setText("Ali");
        } else {
            this.button.setText("Ahmer");
        }

        //get the size of the button text
        Paint mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setTextSize(button.getTextSize());
        mPaint.setTypeface(Typeface.create(Typeface.SERIF, Typeface.NORMAL));
        float size = mPaint.measureText(button.getText().toString(), 0, button.getText().toString().length());
        size = size+14;
        this.totalTextWidth += size;

        if(totalTextWidth < screenWidth) {
            one.addView(button);
        } else {
            this.row.addView(one);
            one = new LinearLayout(this);
            one.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
            one.addView(button);
            this.totalTextWidth = size;
        }
    }
    this.row.addView(one);
}