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

Question

我正在尝试使用键盘来浏览项目的GridView.

在简短的演示中,它只包含一个GridView(包含项目视图android:focusable="true"),你可以看到没有任何项目获得焦点 - 网格是滚动的东西(项目不会变成橙色).

添加android:descendantFocusability="afterDescendants"允许首先聚焦每个项目,但仍然不会继续滚动GridView以便您可以向下导航:

单击某个项目(使用鼠标或按下Return键,如果项目被聚焦,在后代可聚焦性修复后)将项目变为蓝色 - 表示它处于按下状态.

@布局/ 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" />

@布局/ 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" />

@绘制/ 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的GridView将按预期运行 - 可以聚焦项目,ListView将滚动到底部,以便只使用键盘输入聚焦所有项目.此外,使用带有LinearLayoutManager/GridLayoutManager的RecyclerView也可以正常工作.

我在API 16和22上尝试了这个,结果相同.我已经尝试android:descendantFocusability将GridView上的属性设置为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>