今天解决了一个Android平台下的焦点问题。发现其中关键问题的所在是Android的touchMode。从JavaSwing平台过来的人,都会关注setFocusable()和requestFocus()方法,但是在Android的View中还有另外的两个个方法,setFocusableInTouchMode()和requestFocusFromTouch()方法。这个两个方法就是解决Android上的焦点获取问题的关键。
同时在View类中,还有一个isInTouchMode(),可以帮助我们在监听Focuse事件时判断是否执行click(). 代码如下:
复制到剪贴板 XML/HTML代码
1. ImageButton.OnFocusChangeListener mFocusChangeListener = new
2.
3. public void onFocusChange(View v, boolean hasFocus) {
4. Log.d("FocuseChange", "Focuse has changed.");
5. if (hasFocus) {
6. // 如果是touchmode就执行click,否则就会只是选中。
7. v.setBackgroundDrawable(getResources().getDrawable(R.drawable.));
8. if (v.isInTouchMode()){
9. ((ImageButton)v).performClick();
10. }
11. } else {
12. v.setBackgroundDrawable(getResources().getDrawable(R.));
13. v.getBackground().setAlpha(100);
14. }
15.
16. }
17. };
系统框架将处理日常的焦点移动来响应用户的输入,它包刮改变焦点(当界面是被移除,隐藏,或者作为一个新的View变为可用状态),通过isFocusable()这个方法我们可以知道view是否具有接受焦点的资格,也可以通过setFocusable().来设置view接受焦点的资格,对应在触摸模式下,你可以调用isFocusableInTouchMode().来获知是否有焦点来响应点触,也可以通过setFocusableInTouchMode().来设置是否有焦点来响应点触的资格.
系统框架控制焦点移动到另一个组件的算法是在某一方向上邻近的组件,在极个别情况下,默认的算法可能不符合开发者的预想要求,在这种情况下,你可以覆写下列XML属性的布局文件:nextFocusDown ,nextFocusLeft ,nextFocusRight ,和nextFocusUp设置他们的值来明确焦点从当前界面移动下个界面的Id。例如:
<LinearLayout
android:orientation="vertical"
... >
<Button android:id="@+id/top"
android:nextFocusUp="@+id/bottom"
... />
<Button android:id="@+id/bottom"
android:nextFocusDown="@+id/top"
... />
</LinearLayout>
一般来说,在这个垂直布局,浏览的焦点会从第一个按钮开始,不会是从第二个或者其他的,现在topButtont已经通过nextFocusUp (反之亦然)确定了bottom.
通常如果你想宣布用户界面具有焦点的资格 (如果这个界面在传统上是没有的),可以在xml布局里去加上的android:focusable的属性,并设置它的值,您也可以宣布在触摸模式下具有焦点的资格,同样也只在xml里添android:focusableInTouchMode.的属性,并设置它的值. 当用户请求在某个界面聚集焦点时,会调用requestFocus().这个方法。监听到焦点活动(获得焦点或失去焦点都会被通知),会调用onFocusChange(),这个方法。虽然帖子比较短,但是我感觉这个例子还是非常有用的,希望对开发者有一些帮助。想继续交流的可以回帖。
步骤3 创建自定义的控件焦点顺序
下面,我们尝试创建自定义的控件焦点顺序,即同时允许在上面的界面中,当用户按键时,以顺时针或逆时针进行控件切换,如下图:
也就是说,允许用户当按“Down”或“Right”键时,切换顺序是顺时针方向,比如假设当前在键12上,按“Down”或“Right”键时,会切换到键1,而按“Up”或”Left”时,会切换到键11,如此类推。要实现这点,可以在每个按钮中进行设置如下四个属性:
android:nextFocusUp- 定义当点up键时,哪个控件将获得焦点
android:nextFocusDown-定义当点down键时,哪个控件将获得焦点
android:nextFocusLeft-定义当点left键时,哪个控件将获得焦点
android:nextFocusRight--定义当点right键时,哪个控件将获得焦点
下面是其代码:
1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent">
6. <Button
7. style="@style/clockFaceNum"
8. android:text="12"
9. android:id="@+id/button12"
10. android:layout_alignParentTop="true"
11. android:layout_centerHorizontal="true"
12. android:nextFocusUp="@+id/button11"
13. android:nextFocusLeft="@+id/button11"
14. android:nextFocusRight="@+id/button1"
15. android:nextFocusDown="@+id/button1">
16. </Button>
17. <Button
18. style="@style/clockFaceNum"
19. android:text="11"
20. android:id="@+id/button11"
21. android:layout_below="@+id/button12"
22. android:layout_toLeftOf="@+id/button12"
23. android:nextFocusUp="@+id/button10"
24. android:nextFocusLeft="@+id/button10"
25. android:nextFocusRight="@+id/button12"
26. android:nextFocusDown="@+id/button12">
27. </Button>
28. <Button
29. style="@style/clockFaceNum"
30. android:text="1"
31. android:id="@+id/button1"
32. android:layout_below="@+id/button12"
33. android:layout_toRightOf="@+id/button12"
34. android:nextFocusUp="@+id/button12"
35. android:nextFocusLeft="@+id/button12"
36. android:nextFocusRight="@+id/button2"
37. android:nextFocusDown="@+id/button2">
38. </Button>
39. <Button
40. style="@style/clockFaceNum"
41. android:text="10"
42. android:id="@+id/button10"
43. android:layout_below="@+id/button11"
44. android:layout_toLeftOf="@+id/button11"
45. android:nextFocusUp="@+id/button9"
46. android:nextFocusLeft="@+id/button9"
47. android:nextFocusRight="@+id/button11"
48. android:nextFocusDown="@+id/button11">
49. </Button>
50. <Button
51. style="@style/clockFaceNum"
52. android:text="2"
53. android:id="@+id/button2"
54. android:layout_below="@+id/button1"
55. android:layout_toRightOf="@+id/button1"
56. android:nextFocusUp="@+id/button1"
57. android:nextFocusLeft="@+id/button1"
58. android:nextFocusRight="@+id/button3"
59. android:nextFocusDown="@+id/button3">
60. </Button>
61. <Button
62. style="@style/clockFaceNum"
63. android:text="9"
64. android:id="@+id/button9"
65. android:layout_below="@+id/button10"
66. android:layout_toLeftOf="@+id/button10"
67. android:nextFocusUp="@+id/button8"
68. android:nextFocusLeft="@+id/button8"
69. android:nextFocusRight="@+id/button10"
70. android:nextFocusDown="@+id/button10">
71. </Button>
72.
73. <Button
74. style="@style/clockFaceNum"
75. android:text="3"
76. android:id="@+id/button3"
77. android:layout_below="@+id/button2"
78. android:layout_toRightOf="@+id/button2"
79. android:nextFocusUp="@+id/button2"
80. android:nextFocusLeft="@+id/button2"
81. android:nextFocusRight="@+id/button4"
82. android:nextFocusDown="@+id/button4">
83. </Button>
84. <Button
85. style="@style/clockFaceNum"
86. android:text="8"
87. android:id="@+id/button8"
88. android:layout_below="@+id/button9"
89. android:layout_toRightOf="@+id/button9"
90. android:nextFocusUp="@+id/button7"
91. android:nextFocusLeft="@+id/button7"
92. android:nextFocusRight="@+id/button9"
93. android:nextFocusDown="@+id/button9">
94. </Button>
95. <Button
96. style="@style/clockFaceNum"
97. android:text="4"
98. android:id="@+id/button4"
99. android:layout_below="@+id/button3"
100. android:layout_toLeftOf="@+id/button3"
101. android:nextFocusUp="@+id/button3"
102. android:nextFocusLeft="@+id/button3"
103. android:nextFocusRight="@+id/button5"
104. android:nextFocusDown="@+id/button5">
105. </Button>
106. <Button
107. style="@style/clockFaceNum"
108. android:text="7"
109. android:id="@+id/button7"
110. android:layout_below="@+id/button8"
111. android:layout_toRightOf="@+id/button8"
112. android:nextFocusUp="@+id/button6"
113. android:nextFocusLeft="@+id/button6"
114. android:nextFocusRight="@+id/button8"
115. android:nextFocusDown="@+id/button8">
116. </Button>
117. <Button
118. style="@style/clockFaceNum"
119. android:text="5"
120. android:id="@+id/button5"
121. android:layout_below="@+id/button4"
122. android:layout_toLeftOf="@+id/button4"
123. android:nextFocusUp="@+id/button4"
124. android:nextFocusLeft="@+id/button4"
125. android:nextFocusRight="@+id/button6"
126. android:nextFocusDown="@+id/button6">
127. </Button>
128. <Button
129. style="@style/clockFaceNum"
130. android:text="6"
131. android:id="@+id/button6"
132. android:layout_below="@+id/button5"
133. android:layout_centerHorizontal="true"
134. android:nextFocusUp="@+id/button5"
135. android:nextFocusLeft="@+id/button5"
136. android:nextFocusRight="@+id/button7"
137. android:nextFocusDown="@+id/button7">
138. </Button>
139. </RelativeLayout>
下图中是假定在键12开始按down键时的焦点切换顺序:
步骤4 设置界面的初始控件焦点
在每个页面加载时,可以设置界面中初始的控件焦点,以方便用户的定位操作,只需要在控件中加入即可。比如:
1. <Button
2. style="@style/clockFaceNum"
3. android:text="12"
4. android:id="@+id/button12"
5. android:layout_alignParentTop="true"
6. android:layout_centerHorizontal="true"
7. android:nextFocusUp="@+id/button11"
8. android:nextFocusLeft="@+id/button11"
9. android:nextFocusRight="@+id/button1"
10. android:nextFocusDown="@+id/button1">
11. <requestFocus />
12. </Button>
小结
作为开发者,一定要记住由于Android设备的多样性,用户如何在界面上方便地进行输入或在不同的控件中来回切换是十分重要的,本文简单介绍了用户如何自定义控件的焦点切换顺序,这对于用户界面的体验是很有好处的。
项目实践:
界面中有多个view的时候,按上下左右键 经常找不到 焦点在哪里,解决方法是把所有的view 先 setFocus(false), 然后再把想获取焦点的view.setFocus(ture)
再 view.requestFocus();