基础二：为什么Button,ImageButton有焦点,textview,imageview没有焦点

       我们在电视或者手机上开发的时候，经常会遇到如下情况，在屏幕上布局了多个TextView，ImageView，ImageButton等，但是在使用键盘的方向键操作的时候只有Button,ImageButton才能有焦点，但是textview或者imageview确不能自动获得焦点

如上图所示通过键盘操作方向键的时候，只有两个button才能自动获得焦点，布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_as_learning_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.migu.hwj.as.leanring.AsLearningMainActivity">

    <TextView
        android:id="@+id/tv_process_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="App Name"/>

    <TextView
        android:text="Service Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv_process_name"
        android:layout_alignParentLeft="true"
        android:id="@+id/tv_service_name"/>

    <Button
        android:text="打开activity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_show_activity"
        android:layout_below="@+id/tv_service_name"/>

    <Button
        android:text="打开Service"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btn_start_service"
        android:layout_below="@+id/btn_show_activity"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn_start_service"
        android:layout_alignEnd="@+id/tv_process_name"
        android:layout_marginEnd="13dp"
        android:layout_marginTop="75dp"
        android:background="@drawable/common_google_signin_btn_text_dark_disabled"
        android:id="@+id/imageView"/>
</RelativeLayout>

       出现这个问题的原因是什么尼？
其实就是在Button，textview，imageview，imagebutton的构造函数导致的

       我们先看下Button的构造函数

   public Button(Context context) {
        this(context, null);
    }

    public Button(Context context, AttributeSet attrs) {
        this(context, attrs, com.android.internal.R.attr.buttonStyle);
    }

       在这个构造函数里面，Button使用了com.android.internal.R.attr.buttonStyle

       那我们该如何查找com.android.internal.R…的资源尼
com.android.internal.R 中的资源在 frameworks/base/core/res，既然我们查看的是attr.buttonStyle，自然需要到frameworks/base/core/res/values下去查看attrs.xml文件；打开attrs.xml可见

        <!-- Normal Button style. -->
        <attr name="buttonStyle" format="reference" />

这个表示buttonStyle引用了另外一个id，这些属性具体的值是在values的themes.xml文件中设置的，我们打开themes.xml，查找buttonStyle

 <!-- Button styles -->
        <item name="buttonStyle">@style/Widget.Button</item>
        <item name="buttonStyleSmall">@style/Widget.Button.Small</item>

可以看见buttonStyle使用了@style/Widget.Button，接着查看styles.xml中的Widget.Button

    <style name="Widget.Button">
        <item name="background">@drawable/btn_default</item>
        <item name="focusable">true</item>
        <item name="clickable">true</item>
        <item name="textAppearance">?attr/textAppearanceSmallInverse</item>
        <item name="textColor">@color/primary_text_light</item>
        <item name="gravity">center_vertical|center_horizontal</item>
    </style>

在这个style中，使用了@drawable/btn_default，这时我们需要去frameworks\base\core\res\res\drawable目录下查看btn_default

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/btn_default_normal" />
    <item android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/btn_default_normal_disable" />
    <item android:state_pressed="true" 
        android:drawable="@drawable/btn_default_pressed" />
    <item android:state_focused="true" android:state_enabled="true"
        android:drawable="@drawable/btn_default_selected" />
    <item android:state_enabled="true"
        android:drawable="@drawable/btn_default_normal" />
    <item android:state_focused="true"
        android:drawable="@drawable/btn_default_normal_disable_focused" />
    <item
         android:drawable="@drawable/btn_default_normal_disable" />
</selector>

由此可见，有了如上操作，Button当操作键盘方向的时候，才有了焦点；

同样的ImageButton的构造方法如下

    public ImageButton(Context context) {
        this(context, null);
    }

    public ImageButton(Context context, AttributeSet attrs) {
        this(context, attrs, com.android.internal.R.attr.imageButtonStyle);
    }

正是由于使用了imageButtonStyle才使得可以自动获得焦点

然后ImageView继承自View，且其构造函数为，

public ImageView(Context context) {
        super(context);
        initImageView();
    }

    public ImageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        this(context, attrs, defStyleAttr, 0);
    }

    public ImageView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);

因此不具备操作键盘，使其获得焦点的能力；TextView也是同理；

       那我们如何让ImageView，TextView在操作键盘方向的时候，也可以自动滑动焦点尼？通常我们需要重写这两个类，在代码里面实现方式如下，当然如果使用xml，则更简单，只要使用style:="…"即可

public class MiGuTvImageView extends ImageView {

	private Context mContext;
    
	//不同状态下的按钮形态
	public static int[] mImgNormalState = new int[] {};
    public static int[] mFocus = new int[] {android.R.attr.state_focused,android.R.attr.state_enabled};
    public static int[] mEnable = new int[] {android.R.attr.state_enabled};
    public static int[] mFocusOnly = new int[] {android.R.attr.state_focused};
    public static int[] mPress = new int[] {android.R.attr.state_pressed};


	public MiGuTvImageView(Context context, int type) {
		super(context);
		// TODO Auto-generated constructor stub
        setClickable(true);
        setFocusable(true);
		setBgState(context);
	}

	private void setBgState(Context c) {
		mContext = c;
        StateListDrawable bg = new StateListDrawable();
        Drawable pressedDrawable = mContext.getDrawable(R.drawable.ic_launcher);
        Drawable normalDrawable = mContext.getDrawable(R.drawable.tv_ad);
        bg.addState(mFocusOnly, pressedDrawable);
        bg.addState(mPress, pressedDrawable);
        bg.addState(mImgNormalState, normalDrawable);
		setBackgroundDrawable(bg);		
	}
}