以编程方式添加的带有标题的复选框不适合 Android 中的布局

Question

I am developing an Android app. In my app I am adding checkboxes programmatically to a LinearLayout. But after the checkboxes are added, it does not properly fit to the layout.

Screenshot:

As you can see in screenshot "x-samll" text and its checkbox are not fitted properly. What I want is both checkbox and its text together go to new line when there is not enough space. How can I achieve it?

This is how I programmatically add checkboxes:

if(attrs.length()>0)
                                {
                                    LinearLayout attrControlsSubContainer = new LinearLayout(getBaseContext());
                                    attrControlsSubContainer.setOrientation(LinearLayout.HORIZONTAL);
                                    LinearLayout.LayoutParams layoutParams= new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT);
                                    attrControlsSubContainer.setLayoutParams(layoutParams);
                                    for(int i=0;i<attrs.length();i++)
                                    {
                                        CheckBox chkAttribute = new CheckBox(getBaseContext());
                                        chkAttribute.setText(attrs.getJSONObject(i).getString("name"));
                                        chkAttribute.setTextColor(Color.BLACK);
                                        chkAttribute.setId(attrs.getJSONObject(i).getInt("id"));
                                        attrControlsSubContainer.addView(chkAttribute);
                                    }
                                    attributeControlContainer.addView(attrControlsSubContainer);
                                }

Answer 1

use below code:

if(attrs.length() > 0) {
      ScrollView mScrollView = new HorizontalScrollView(getApplicationContext());
      mScrollView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
      mScrollView.setFillViewport(true); 
      LinearLayout attrControlsSubContainer = new LinearLayout(getBaseContext());
      attrControlsSubContainer.setOrientation(LinearLayout.HORIZONTAL);
      LinearLayout.LayoutParams layoutParams= new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT);                               attrControlsSubContainer.setLayoutParams(layoutParams);
      for(int i=0;i<attrs.length();i++)
      {
         CheckBox chkAttribute = new CheckBox(getBaseContext());
         chkAttribute.setText(attrs.getJSONObject(i).getString("name"));
         chkAttribute.setTextColor(Color.BLACK);
         chkAttribute.setId(attrs.getJSONObject(i).getInt("id"));
         attrControlsSubContainer.addView(chkAttribute);
                                    }
       mScrollView.addView(attrControlsSubContainer);
       attributeControlContainer.addView(mScrollView);  


 }

Answer 2

LinearLayout is not enough for this you must use FlowLayout

<com.wefika.flowlayout.FlowLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="start|top">


</com.wefika.flowlayout.FlowLayout>

Gradle Dependancy :- compile 'org.apmem.tools:layouts:1.10@aar'

Then add check box dynamically in FlowLayout

use FlowLayout.LayoutParams

 FlowLayout.LayoutParams params = new FlowLayout.LayoutParams
                    (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);