Пользовательский макет для RadioButton

Можно ли каким-либо образом изменить макет для RadioButton и все-таки признать RadioGroup?

мне нужно, чтобы макет включал пару полей EditText, чтобы, когда пользователь выбрал эту кнопку, эти поля становятся активными. Я знаю, что могу создать пользовательскую часть на основе LinearLayout и установить свой собственный макет, используя: (LinearLayout) LayoutInflater.from(контекст).inflate(R.layout.my_layout, this, true) но не может понять, как сделать то же самое с помощью переключателя.

Я пробовал использовать дополнительные поля вне RadioGroup и выстраивать их с помощью кнопки, но это просто не работает. Он, похоже, слишком зависим от устройства.

Вот как выглядел оригинальный макет:

Обратите внимание, что кнопка не имеет никакого текста и добавляется в TextView, так что мы можем иметь ее слева. Случилось то, что текст "ползет".

Итак, я изменил его так:

Он все еще не идеален и, конечно же, не признает его как RadioGroup.

Я хотел пойти в сторону расширения RadioButton, но понятия не имею, как изменить расположение там.

Ответы

Ответ 1

Я написал пользовательский RadioGroup, называемый RadioGroupPlus, где он пройдет через него, и найдет RadioButton, независимо от того, насколько глубока вложенная RadioButton, затем свяжет все найденные RadioButton.

Здесь вы можете найти репо: https://github.com/worker8/RadioGroupPlus

README репо охватывает как его использовать, и он фактически работает так же, как вы его себе представляете, например:

<worker8.com.github.radiogroupplus.RadioGroupPlus
    android:id="@+id/radio_group_plus"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <LinearLayout...>
       <ImageView...>
       <TextView...>
       <RadioButton...>
    </LinearLayout>
    <LinearLayout...>
       <ImageView...>
       <TextView...>
       <RadioButton...>
    </LinearLayout>
    <LinearLayout...>
       <ImageView...>
       <TextView...>
       <RadioButton...>
    </LinearLayout>
</worker8.com.github.radiogroupplus.RadioGroupPlus>

Вы получите что-то вроде этого:

В вашем случае, поскольку у вас уже есть файл макета xml, попробуйте загрузить RadioGroupPlus, следуя здесь:

Добавьте это на верхний уровень build.gradle:

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
    }
}

Добавьте это под зависимостями:

compile 'com.github.worker8:RadioGroupPlus:v1.0.1'

Затем в xml измените RadioGroup на worker8.com.github.radiogroupplus.RadioGroupPlus. Теперь все ваши RadioButton под RadioGroupPlus должны быть связаны друг с другом.

Надеюсь, что это поможет!

Ответ 2

Вам нужно будет создать класс, расширяющий RadioGroup, и переопределить addView и PassThroughHierarchyChangeListener, чтобы использовать пользовательские макеты для ваш переключатель. По умолчанию RadioGroup предполагает, что его дочерние элементы являются переключателями, см. Код ниже из класса RadioGroup:

@Override
public void addView(View child, int index, ViewGroup.LayoutParams params) {
    if (child instanceof RadioButton) {
        final RadioButton button = (RadioButton) child;
        if (button.isChecked()) {
            mProtectFromCheckedChange = true;
            if (mCheckedId != -1) {
                setCheckedStateForView(mCheckedId, false);
            }
            mProtectFromCheckedChange = false;
            setCheckedId(button.getId());
        }
    }

    super.addView(child, index, params);
}

private class PassThroughHierarchyChangeListener implements
        ViewGroup.OnHierarchyChangeListener {
    private ViewGroup.OnHierarchyChangeListener mOnHierarchyChangeListener;

    /**
     * {@inheritDoc}
     */
    public void onChildViewAdded(View parent, View child) {
        if (parent == RadioGroup.this && child instanceof RadioButton) {
            int id = child.getId();
            // generates an id if it missing
            if (id == View.NO_ID) {
                id = View.generateViewId();
                child.setId(id);
            }
            ((RadioButton) child).setOnCheckedChangeWidgetListener(
                    mChildOnCheckedChangeListener);
        }

        if (mOnHierarchyChangeListener != null) {
            mOnHierarchyChangeListener.onChildViewAdded(parent, child);
        }
    }

    /**
     * {@inheritDoc}
     */
    public void onChildViewRemoved(View parent, View child) {
        if (parent == RadioGroup.this && child instanceof RadioButton) {
            ((RadioButton) child).setOnCheckedChangeWidgetListener(null);
        }

        if (mOnHierarchyChangeListener != null) {
            mOnHierarchyChangeListener.onChildViewRemoved(parent, child);
        }
    }
}