Проблема с макетом кнопки - PullRequest
17 голосов
/ 15 марта 2011

У меня проблема с организацией макета в приложении для Android.Я динамически создаю кнопки и добавляю их с этим кодом в свой макет:

    LayoutInflater layoutInflater = (LayoutInflater)getBaseContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

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

        Button btn = new Button(this);
        btn = (Button) layoutInflater.inflate(R.layout.button, null);
        btn.setId(2000+i);
        Integer randomNumber = sort.getNumbersCopy()[i];
        btn.setText(randomNumber.toString());
        btn.setOnClickListener((OnClickListener) this);
        buttonList.addView(btn);
        list.add(btn);
    }

Я добавляю его в LinearLayout:

<LinearLayout
    android:id="@+id/buttonlist"
    android:layout_alignParentLeft="true"
    android:layout_marginTop="185dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:orientation="horizontal"
    android:gravity="center_horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

</LinearLayout>

и импортирую это.xml, где я определяю расположение кнопок:

<Button xmlns:android="http://schemas.android.com/apk/res/android"
android:textSize="26dp"
android:textStyle ="bold"
android:textColor="#ffffff"
android:background="@drawable/button"
android:layout_marginLeft="8px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"/>

Что ж, расположение всегда заканчивается так: enter image description here

Вместо чего-то вроде этого (даже интервал между кнопками, квадратные кнопки): enter image description here

Подводя итог, я должен:

  • описать кнопку в XML
  • динамически генерировать N кнопок
  • добавить свойстваописанная кнопка для динамически создаваемых
  • организует макет, чтобы он мог равномерно распределять кнопки в списке кнопок с пробелами между ними

Ответы [ 3 ]

52 голосов
/ 15 марта 2011

Помните, android:layout_* атрибуты LayoutParams. Они являются аргументами для родителя и влияют на то, как родитель будет выполнять макет в этом представлении. Вы указываете layout_margin атрибуты на своих кнопках, но они игнорируются. И вот почему:

Поскольку LayoutParams относятся к типу родительского представления, вам нужно предоставить экземпляр правильного родительского типа при раздутии макетов с использованием атрибутов LayoutInflater или layout_ в представлении верхнего уровня в макете будет сброшен (Инфлятор не знает, какой тип LayoutParams генерировать.)

Поскольку buttonList является вашим предполагаемым родителем для представлений кнопок, измените строку inflate на эту:

btn = (Button) layoutInflater.inflate(R.layout.button, buttonList, false);
2 голосов
/ 15 марта 2011

Настройка layout_weight на самих кнопках приведет к расширению кнопок без пробела между ними.LinearLayout никогда не добавляет пробела между дочерними представлениями.

Вы должны обернуть каждый из них в FrameLayout и использовать layout_gravity="center" на своих кнопках, затем установить layout_weight="1" на FrameLayout.

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1">
    <Button android:layout_{width,height}="wrap_content"
       android:layout_gravity="center"/>
</FrameLayout>
0 голосов
/ 27 августа 2013

Это также работало путем встраивания TextView в LinearLayout (вертикальный)

text_view.xml

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TextView
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:textAppearance="?android:attr/textAppearanceLarge"
              android:text="Large Text"
              android:id="@+id/textView"
              android:layout_margin="10dp"
              android:textColor="@color/white"/>

</LinearLayout>

Это было встроено в другое представление, где корневое представление также является LinerLayout.Запутанный обходной путь ...

...