使用 Android GridView 的键盘导航不会滚动网格

Question

我正在尝试使用键盘在项目的 GridView 中导航。

在仅包含 GridView（包含带有 android:focusable="true" 的项目视图）的简短演示中，您可以看到没有任何项目获得焦点 - 网格是滚动的东西（项目不会变成橙色） .

添加android:descendantFocusability="afterDescendants" 允许首先关注每个项目，但仍然不会继续滚动 GridView，因此您可以向下导航：

单击一个项目（使用鼠标或如果项目已获得焦点，则在后代可聚焦性修复后按 Return 键）会将项目变为蓝色 - 表示它处于按下状态。

@layout/activity_my.xml：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/listview"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:numColumns="2" />

@layout/dummy_item.xml：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/dummy_item_parent"
  android:layout_width="match_parent"
  android:layout_height="150dp"
  android:gravity="center"
  android:focusable="true"
  android:clickable="true"
  android:background="@drawable/item_background" />

@drawable/item_background.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true" android:drawable="@android:color/holo_blue_light" />
  <item android:state_focused="true" android:drawable="@android:color/holo_orange_light" />
  <item android:drawable="@android:color/holo_red_light" />
</selector>

MyActivity.java（带有 ListAdapter）：

public class MyActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

        AbsListView listview = (AbsListView) findViewById(R.id.listview);
        listview.setAdapter(new DummyAdapter(getLayoutInflater()));
    }

    private static class DummyAdapter extends BaseAdapter {

        private static final int COUNT = 25;

        private final LayoutInflater layoutInflater;

        DummyAdapter(LayoutInflater layoutInflater) {
            this.layoutInflater = layoutInflater;
        }

        @Override
        public int getCount() {
            return COUNT;
        }

        @Override
        public String getItem(int position) {
            return "Item " + position;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view = convertView;
            if (view == null) {
                view = layoutInflater.inflate(R.layout.dummy_item, parent, false);
            }
            ((TextView) view).setText(getItem(position));
            return view;
        }

    }

}

在不更改适配器或项目视图/项目视图属性的情况下，将 GridView 交换为 ListView 将按预期运行 - 项目可以聚焦并且 ListView 将滚动到底部，以便所有项目都可以使用聚焦只是键盘输入。此外，使用带有 LinearLayoutManager / GridLayoutManager 的 RecyclerView 也可以正常工作。

我已经在 API 16 和 22 上进行了尝试，结果相同。我尝试将 GridView 上的android:descendantFocusability 属性设置为afterDescendents，结果相同。

Answer 1

我尝试了您的代码，但正如您所说，它不适用于 GridView，但我对 ListView 也有一些问题。 ListView 可以正确滚动，但仅突出显示每个页面的第一项。

通过这些小修改，您可以在 GridView 和 ListView 上实现您想要的效果。

删除activity_my.xml中的android:descendantFocusability：

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:numColumns="2" />

删除 dummy_item.xml 中的 android:focusable：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dummy_item_parent"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:gravity="center"
    android:clickable="true"
    android:background="@drawable/item_background" />

在 item_background.xml 中从 android:state_focused 更改为 android:state_selected：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@android:color/holo_blue_light" />
    <item android:state_selected="true" android:drawable="@android:color/holo_orange_light" />
    <item android:drawable="@android:color/holo_red_light" />
</selector>