使用 Android GridView 的键盘导航不会滚动网格
Keyboard navigation with Android GridView doesn't scroll grid
我正在尝试使用键盘在项目的 GridView 中导航。
在仅包含一个 GridView(包含具有 android:focusable="true"
的项目视图)的简短演示中,您可以看到 none 个项目获得焦点 - 网格是滚动的东西(这些项目不会变成橙色)。
添加 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;
}
}
}
在不更改适配器或项目 views/item 视图属性的情况下,将 GridView 替换为 ListView 将按预期运行 - 项目可以聚焦并且 ListView 将滚动到底部,以便所有项目只需使用键盘输入即可聚焦。此外,将 RecyclerView 与 LinearLayoutManager / GridLayoutManager 一起使用也可以正常工作。
我在 API 16 和 22 上试过,结果相同。我尝试将 GridView 上的 android:descendantFocusability
属性设置为 afterDescendents
,结果相同。
我试过你的代码,但正如你所说,它不适用于 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>
我正在尝试使用键盘在项目的 GridView 中导航。
在仅包含一个 GridView(包含具有 android:focusable="true"
的项目视图)的简短演示中,您可以看到 none 个项目获得焦点 - 网格是滚动的东西(这些项目不会变成橙色)。
添加 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;
}
}
}
在不更改适配器或项目 views/item 视图属性的情况下,将 GridView 替换为 ListView 将按预期运行 - 项目可以聚焦并且 ListView 将滚动到底部,以便所有项目只需使用键盘输入即可聚焦。此外,将 RecyclerView 与 LinearLayoutManager / GridLayoutManager 一起使用也可以正常工作。
我在 API 16 和 22 上试过,结果相同。我尝试将 GridView 上的 android:descendantFocusability
属性设置为 afterDescendents
,结果相同。
我试过你的代码,但正如你所说,它不适用于 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>