Question

我想在GridView上实现Radio Group，因此只能在网格元素中选择单个项目。

请帮忙。

Answer 1

限制从网格中选择元素的目的可以通过以下方式完成：

1.网格元素的创建。

<LinearLayout
    android:id="@+id/item_layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
      android:gravity="center">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <RadioButton
        android:id="@+id/radiobtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Image" />


</LinearLayout>

2.在自定义适配器的getView（）方法中填充此xml。

public class MyAdapter extends BaseAdapter {

    Context mCtx;
    int[] mImg;
    LayoutInflater layoutInflater;
    RadioGroup rgp;
    private RadioButton mSelectedRB;
    private int mSelectedPosition = -1;

    public MyAdapter(Context context, int[] img) {
        this.mCtx = context;
        this.mImg = img;
        rgp = new RadioGroup(context);
        layoutInflater = (LayoutInflater) mCtx
                .getSystemService(LAYOUT_INFLATER_SERVICE);

    }

    @Override
    public int getCount() {

        return mImg.length;
    }

    @Override
    public Object getItem(int position) {

        return null;
    }

    @Override
    public long getItemId(int position) {

        return 0;
    }

    @Override
    public View getView(final int position, View convertView,
            ViewGroup parent) {
        View view = convertView;
        Holder holder;

        if (view == null) {
            view = layoutInflater.inflate(R.layout.element, null);
            holder = new Holder();
            holder.image = (ImageView) view.findViewById(R.id.imageView);
            holder.radioButton = (RadioButton) view
                    .findViewById(R.id.radiobtn);
            view.setTag(holder);

        } else {

            holder = (Holder) view.getTag();
        }

        holder.radioButton.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {

                if ((position != mSelectedPosition && mSelectedRB != null)) {
                    mSelectedRB.setChecked(false);
                }

                mSelectedPosition = position;
                mSelectedRB = (RadioButton) v;
            }
        });

        if (mSelectedPosition != position) {
            holder.radioButton.setChecked(false);
        } else {
            holder.radioButton.setChecked(true);
            if (mSelectedRB != null && holder.radioButton != mSelectedRB) {
                mSelectedRB = holder.radioButton;
            }
        }

        return view;
    }

}

private class Holder {

    ImageView image;
    RadioButton radioButton;

}

Answer 2

另一种方法是创建自己的RadioButton子类，它具有额外的XML属性（例如group）。这指定（作为字符串）按钮所属的组。在子类中，您可以确保在任何特定组中只选择一个单选按钮。

您可以按照以下方式执行此操作：

首先创建文件res/values/attrs.xml，其中包含以下内容：

<resources>
  <declare-styleable name="GroupedRadioButton">
    <attr name="group" format="string"/>
  </declare-styleable>
</resources>

然后创建子类GroupedRadioButton：

public class GroupedRadioButton extends RadioButton {

  public GroupedRadioButton(Context context, AttributeSet attrs) {
    super(context, attrs);
    processAttributes(context, attrs);
    setOnClickListener(internalListener, true);
  }

  ...
}

一旦充实（见下文），您就可以在布局文件中使用以下新类：

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

<com.example.app.GroupedRadioButton
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Option 1"
    custom:group="group1" />

<com.example.app.GroupedRadioButton
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Option 2"
    custom:group="group1" />

<com.example.app.GroupedRadioButton
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Option 3"
    custom:group="group1" />

<com.example.app.GroupedRadioButton
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Option A"
    custom:group="group2" />

<com.example.app.GroupedRadioButton
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Option B"
    custom:group="group2" />

...

单选按钮可以位于布局中的任何位置（例如，在GridView中）。请注意，xmlns:custom标记是必需的，因为我们使用的是自定义属性。

上面的布局将使选项1,2和3互斥，选项A和B互斥。

这是通过保持（静态）跟踪每组中当前选择的GroupedRadioButton来实现的：

public class GroupedRadioButton extends RadioButton {

  private static Map<String, WeakReference<GroupedRadioButton>> buttonMap;

  static {
    buttonMap = new HashMap<String, WeakReference<GroupedRadioButton>>();
  }

  ...
}

请注意，我们必须谨慎，以确保我们不会对按钮保持强引用，否则它们将永远不会被垃圾回收。

上面构造函数中指定的processAttributes()方法从我们指定的XML中挖掘出group属性，并将其设置为实例数据：

private void processAttributes(Context context, AttributeSet attrs) {
  TypedArray attributes = context.obtainStyledAttributes(attrs,
    R.styleable.GroupedRadioButton);
    int attributeCount = attributes.getIndexCount();
    for (int i = 0; i < attributeCount; ++i) {
      int attr = attributes.getIndex(i);
      switch (attr) {
      case R.styleable.GroupedRadioButton_group:
        this.groupName = attributes.getString(attr);
        break;
    }
  }
  attributes.recycle();
}

我们为这个类定义主OnClickListener。

private OnClickListener internalListener = new OnClickListener() {

  @Override
  public void onClick(View view) {
    processButtonClick(view);
  }
};

调用：

private void processButtonClick(View view) {
  if (!(view instanceof GroupedRadioButton))
    return;

  GroupedRadioButton clickedButton = (GroupedRadioButton) view;
  String groupName = clickedButton.groupName;
  WeakReference<GroupedRadioButton> selectedButtonReference = buttonMap.get(groupName);
  GroupedRadioButton selectedButton = selectedButtonReference == null ? null : selectedButtonReference.get();
  if (selectedButton != clickedButton) {
    if (selectedButton != null)
      selectedButton.setChecked(false);
    clickedButton.setChecked(true);
    buttonMap.put(groupName, new WeakReference<GroupedRadioButton>(clickedButton));
  }
  if (externalListener != null)
    externalListener.onClick(view);
}

这有两件事。它确保在选择新组按钮之前取消选择旧组按钮（假设旧按钮和新按钮不同）。然后，它会在提供的onClick()上调用externalListener，以便该类用户可以添加自己的“点击后”功能。

构造函数中的setOnClickListener()调用是我们自己的方法，如下所示：

private void setOnClickListener(OnClickListener listener, boolean internal) {
  if (internal)
    super.setOnClickListener(internalListener);
  else
    this.externalListener = listener;
}

这会将internalListener设置为官方OnClickListener，并将实例数据设置为适合外部侦听器。然后可以按如下方式覆盖View.setOnClickListener()方法：

@Override
public void setOnClickListener(OnClickListener listener) {
  setOnClickListener(listener, false);
}

对此答案的长度表示歉意，但我希望它可以帮助您和其他人尝试做同样的事情。如果RadioGroup以递归方式应用于其子节点，那当然根本不需要它！

Answer 3

当您选择网格元素时，请检查您的广播组中没有其他元素是否未被选中，以及是否取消选择它们...

Android中网格视图的无线电组实施

3 个答案: