RecyclerView焦點處理
近期在做一個TV項目，焦點的問題處理比較麻煩。在網上搜索都找不到這類處理的方法。所以分享一個處理方法給大家。重寫了一個RecyclerView和FrameLayout。詳情請大家去細看，我這裏就不贅述。代碼如下：
1、佈局
activity_main
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/bg_ii"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="350dp"
android:paddingLeft="200dp"
android:paddingTop="100dp">
<ImageView
android:id="@+id/head_icon"
android:layout_width="250dp"
android:layout_height="250dp"
android:src="@mipmap/ic_launcher" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:text="楊麗萍"
android:textColor="#ffffff"
android:textSize="30sp" />
<TextView
android:id="@+id/tv_introduce"
android:layout_width="300dp"
android:layout_height="100dp"
android:layout_marginTop="10dp"
android:ellipsize="end"
android:lines="3"
android:text="楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介楊麗萍的簡介"
android:textColor="#c6c5d0"
android:textSize="28sp" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_marginBottom="5dp"
android:layout_marginTop="10dp">
<ImageView
android:id="@+id/iv_play"
android:layout_width="70dp"
android:layout_height="70dp"
android:background="@drawable/play_select_bg"
android:focusableInTouchMode="true" />
<ImageView
android:id="@+id/iv_like"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/iv_play"
android:background="@drawable/praise_select_bg"
android:focusableInTouchMode="true" />
<ImageView
android:id="@+id/iv_collect"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/iv_like"
android:background="@drawable/like_select_bg"
android:focusableInTouchMode="true" />
</RelativeLayout>
</LinearLayout>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="300dp"
android:paddingLeft="120dp"
android:paddingRight="120dp">
<com.valiantman.itemfocusdispose.SWRecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false"
android:clipToPadding="false"
android:paddingBottom="20dp"
android:paddingTop="20dp" />
</RelativeLayout>
</LinearLayout>item_layout_nomal
<com.valiantman.itemfocusdispose.SWFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false"
android:clipToPadding="false"
android:focusable="true">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clickable="false"
android:scaleType="centerCrop"
/>
<TextView
android:id="@+id/text"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_gravity="bottom"
android:background="#40000000"
android:duplicateParentState="true"
android:ellipsize="marquee"
android:gravity="center"
android:marqueeRepeatLimit="marquee_forever"
android:singleLine="true"
android:text="這只是一個標題"
android:textColor="#fff"
android:textSize="20sp" />
</com.valiantman.itemfocusdispose.SWFrameLayout>public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.Holder>{
private static final String TAG = RecyclerViewAdapter.class.getSimpleName();
private Context mContext;
private List<Bean> data;
private int mCurPosition = 0;
private int layoutManager = LAYOUT_MANAGER_LINEAR;
public static final int LAYOUT_MANAGER_LINEAR = 0;
public static final int LAYOUT_MANAGER_GRID = 1;
public static final int LAYOUT_MANAGER_LINEAR_1 = 2;
public static final int LAYOUT_MANAGER_GRID_1 = 3;
public RecyclerViewAdapter(Context context, List<Bean> data, int layoutManager) {
this.mContext = context;
this.data = data;
this.layoutManager = layoutManager;
}
public void setData(List<Bean> data) {
this.data = data;
}
@Override
public Holder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = null;
view = LayoutInflater.from(mContext).inflate(R.layout.item_layout_nomal, parent, false);
return new Holder(view);
}
@Override
public void onBindViewHolder(final Holder holder, final int position) {
holder.title.setText(data.get(position).name);
holder.itemView.setFocusable(true);
holder.itemView.setTag(position);
holder.thumbnail.setImageResource(R.mipmap.test_bg);
FrameLayout.LayoutParams params = null;
switch (layoutManager) {
case LAYOUT_MANAGER_LINEAR:
params = setLayoutSize(490,262,0,0,10,10);
break;
case LAYOUT_MANAGER_GRID:
params = setLayoutSize(365,200,0,0,10,0);
break;
case LAYOUT_MANAGER_LINEAR_1:
params = setLayoutSize(250,160,0,0,10,0);
break;
case LAYOUT_MANAGER_GRID_1:
params = setLayoutSize(450,260,0,0,10,10);
break;
}
holder.root.setLayoutParams(params);
if (mOnItemKeyListener != null) {
holder.itemView.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
return mOnItemKeyListener.onKey(v,keyCode,event);
}
});
}
if (mOnItemFocusChangeListener != null) {
holder.itemView.setOnFocusChangeListener(new View.OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
Log.i(TAG, "has focus:" + position + "--" + hasFocus);
mCurPosition = (int) holder.itemView.getTag();
mOnItemFocusChangeListener.onItemFocusChangeListener(holder.itemView, hasFocus, mCurPosition);
}
});
}
if(mOnItemClickListener !=null){
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mOnItemClickListener.onItemClick(v,holder.getLayoutPosition());
}
});
holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
mOnItemClickListener.onItemLongClick(v, holder.getLayoutPosition());
return true;
}
});
}
}
@NonNull
private FrameLayout.LayoutParams setLayoutSize(int width,int height,int left,int top,int right,int bottom) {
FrameLayout.LayoutParams params;
// width = matrixing(width);
// height = matrixing(height);
params = new FrameLayout.LayoutParams(width, height);
params.setMargins(left, top, right, bottom);
return params;
}
private int matrixing(int num) {
return ((int) (num * 2f / 3));
}
@Override
public int getItemCount() {
return data == null ? 0 : data.size();
}
class Holder extends RecyclerView.ViewHolder {
TextView title;
ImageView thumbnail;
SWFrameLayout root;
Holder(View view) {
super(view);
root = ((SWFrameLayout) view.findViewById(R.id.root));
title = ((TextView) view.findViewById(R.id.text));
thumbnail = ((ImageView) view.findViewById(R.id.image));
}
}
/*設置item點擊事件的接口*/
public interface OnItemClickListener {
void onItemClick(View view, int position);
void onItemLongClick(View view, int position);
}
/*設置item選中的接口*/
public interface OnItemFocusChangeListener{
void onItemFocusChangeListener(View v, boolean hasFocus, int position);
}
/*設置item的onKey事件的接口*/
public interface OnItemKeyListener {
boolean onKey(View v, int keyCode, KeyEvent event);
}
private OnItemClickListener mOnItemClickListener;
private OnItemFocusChangeListener mOnItemFocusChangeListener;
private OnItemKeyListener mOnItemKeyListener;
public void setOnItemFocusChangeListener(OnItemFocusChangeListener listener){
mOnItemFocusChangeListener = listener;
}
public void setOnItemClickListener(OnItemClickListener listener){
mOnItemClickListener = listener;
}
public void setOnItemKeyListener(OnItemKeyListener listener) {
mOnItemKeyListener = listener;
}
}public class MainActivity extends AppCompatActivity implements View.OnClickListener,RecyclerViewAdapter.OnItemFocusChangeListener {
private static final String TAG = MainActivity.class.getName();
private SWRecyclerView mRecyclerView;
private ImageView mHeadIcon;
private TextView mName;
private TextView mIntroduce;
private ImageView mPlay;
private ImageView mLike;
private ImageView mCollect;
private List<Bean> mData;
private Bean danceBean;
private LinearLayoutManager mLayoutManager;
private RecyclerViewAdapter mDanceTypeAdapter;
private int mIVFlag = 0;
private int mRVFlag = 0;
private int mRVCurrentPosition;
private long mMediaDetailId;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
initAdapter();
}
protected void initView() {
mRecyclerView = ((SWRecyclerView) findViewById(R.id.recycler_view));
mHeadIcon = ((ImageView) findViewById(R.id.head_icon));
mPlay = ((ImageView) findViewById(R.id.iv_play));
mLike = ((ImageView) findViewById(R.id.iv_like));
mCollect = ((ImageView) findViewById(R.id.iv_collect));
mName = ((TextView) findViewById(R.id.tv_name));
mIntroduce = ((TextView) findViewById(R.id.tv_introduce));
mPlay.setOnClickListener(this);
mLike.setOnClickListener(this);
mCollect.setOnClickListener(this);
}
protected void initData() {
mData = new ArrayList<>();
for (int i = 0; i < 6; i++) {
mData.add(new Bean("我愛北京天門-" + i));
}
}
private void initAdapter() {
mLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);
mDanceTypeAdapter = new RecyclerViewAdapter(this, mData, RecyclerViewAdapter.LAYOUT_MANAGER_LINEAR_1);
mDanceTypeAdapter.setOnItemFocusChangeListener(this);
mPlay.requestFocus();
useLinearLayout();
}
private void useLinearLayout() {
mRecyclerView.setAdapter(mDanceTypeAdapter);
mRecyclerView.setLayoutManager(mLayoutManager);
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
boolean ret = false;
switch (keyCode) {
case KeyEvent.KEYCODE_DPAD_UP:
if (mPlay.hasFocus() || mLike.hasFocus() || mCollect.hasFocus()) { //如果是三個圖標獲得焦點按上鍵不會下發
ret = true;
}else {
switch (mIVFlag) { //判斷上次失去焦點是哪個圖標
case 0:
mPlay.requestFocus();
break;
case 1:
mLike.requestFocus();
break;
case 2:
mCollect.requestFocus();
break;
}
ret = false;
}
break;
case KeyEvent.KEYCODE_DPAD_DOWN:
if (mPlay.hasFocus()) { //失去焦點時標記
mIVFlag = 0;
} else if (mLike.hasFocus()) {
mIVFlag = 1;
} else {
mIVFlag = 2;
}
mRecyclerView.setDefaultSelect(mRVCurrentPosition); //設置RecyclerView獲得焦點的位置，首次是默認首個item獲得焦點
ret = false;
break;
case KeyEvent.KEYCODE_DPAD_LEFT:
if (mPlay.hasFocus()) { //如果是播放圖標獲得焦點按左鍵就不會下發
ret = true;
} else {
ret = false;
}
break;
case KeyEvent.KEYCODE_DPAD_RIGHT:
if (mCollect.hasFocus()) { //如果是收藏圖標獲得焦點按右鍵就不會下發
ret = true;
} else {
ret = false;
}
break;
case KeyEvent.KEYCODE_MENU:
ret = true;
break;
case KeyEvent.KEYCODE_BACK:
finish();
ret = true;
break;
default:
break;
}
return ret;
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_play:
Log.i("play", "點擊了play");
Toast.makeText(this, "點擊了播放", Toast.LENGTH_SHORT).show();
break;
case R.id.iv_like:
Log.i("play", "點擊了like");
break;
case R.id.iv_collect:
Log.i("play", "點擊了collect");
break;
}
}
@Override
public void onItemFocusChangeListener(View v, boolean hasFocus, int position) {
mRVCurrentPosition = position; //記錄失去焦點的位置
if (v instanceof SWFrameLayout)
((SWFrameLayout)v).onFocusChange(v, hasFocus); //被攔截，需要手動開啓，不然item不能放大。
}
}public class SWFrameLayout extends FrameLayout implements View.OnFocusChangeListener, View.OnClickListener{
private static final String TAG = SWFrameLayout.class.getSimpleName();
protected static final int ANIMATION_DURATION = 300;
protected static final float FOCUS_SCALE = 1.1f;
protected static final float NORMAL_SCALE = 1.0f;
private boolean mFocus = true;
public SWFrameLayout(Context context) {
this(context, null, 0);
}
public SWFrameLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SWFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
final TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.SWFrameLayout, defStyleAttr, 0);
mFocus = typedArray.getBoolean(R.styleable.SWFrameLayout_focus, true);
init();
typedArray.recycle();
}
protected void init() {
setOnClickListener(this);
setOnFocusChangeListener(this);
setBackgroundResource(R.drawable.home_fragment_item_selector);
setFocusable(mFocus);
setFocusableInTouchMode(mFocus);
}
@Override
public void onClick(View view) {
}
@Override
protected void onFocusChanged(boolean gainFocus, int direction, Rect previouslyFocusedRect) {
super.onFocusChanged(gainFocus, direction, previouslyFocusedRect);
Log.i(TAG, "onFocusChanged: gainFocus = "+gainFocus+", direction = "+direction);
}
@Override
public void onFocusChange(View v, boolean hasFocus) {
if (null == v){
Log.i(TAG, "onFocusChange: v == null");
return;
}
Log.i(TAG, "onFocusChange: hasFocus = " +hasFocus);
if (hasFocus) {
v.bringToFront();
v.animate().scaleX(FOCUS_SCALE).scaleY(FOCUS_SCALE).setDuration(ANIMATION_DURATION).start();
v.setSelected(true);
} else {
v.animate().scaleX(NORMAL_SCALE).scaleY(NORMAL_SCALE).setDuration(ANIMATION_DURATION).start();
v.setSelected(false);
}
}
}
public class SWRecyclerView extends RecyclerView {
private static final String TAG = SWRecyclerView.class.getSimpleName();
private boolean mSelectedItemCentered = true;
private int mSelectedItemOffsetStart;
private int mSelectedItemOffsetEnd;
private int offset = -1;
private int mDuration = 0;
public SWRecyclerView(Context context) {
super(context);
}
public SWRecyclerView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public SWRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public void requestChildFocus(View child, View focused) {
// 獲取焦點框居中的位置
if (null != child) {
if (mSelectedItemCentered) {
mSelectedItemOffsetStart = !isVertical() ? (getFreeWidth() - child.getWidth()) : (getFreeHeight() - child.getHeight());
mSelectedItemOffsetStart /= 2;
mSelectedItemOffsetEnd = mSelectedItemOffsetStart;
}
}
super.requestChildFocus(child, focused);
}
@Override
public boolean requestChildRectangleOnScreen(View child, Rect rect, boolean immediate) {
final int parentLeft = getPaddingLeft();
final int parentTop = getPaddingTop();
final int parentRight = getWidth() - getPaddingRight();
final int parentBottom = getHeight() - getPaddingBottom();
final int childLeft = child.getLeft() + rect.left;
final int childTop = child.getTop() + rect.top;
final int childRight = childLeft + rect.width();
final int childBottom = childTop + rect.height();
final int offScreenLeft = Math.min(0, childLeft - parentLeft - mSelectedItemOffsetStart);
final int offScreenTop = Math.min(0, childTop - parentTop - mSelectedItemOffsetStart);
final int offScreenRight = Math.max(0, childRight - parentRight + mSelectedItemOffsetEnd);
final int offScreenBottom = Math.max(0, childBottom - parentBottom + mSelectedItemOffsetEnd);
final boolean canScrollHorizontal = getLayoutManager().canScrollHorizontally();
final boolean canScrollVertical = getLayoutManager().canScrollVertically();
// Favor the "start" layout direction over the end when bringing one side or the other
// of a large rect into view. If we decide to bring in end because start is already
// visible, limit the scroll such that start won't go out of bounds.
final int dx;
if (canScrollHorizontal) {
if (ViewCompat.getLayoutDirection(this) == ViewCompat.LAYOUT_DIRECTION_RTL) {
dx = offScreenRight != 0 ? offScreenRight
: Math.max(offScreenLeft, childRight - parentRight);
} else {
dx = offScreenLeft != 0 ? offScreenLeft
: Math.min(childLeft - parentLeft, offScreenRight);
}
} else {
dx = 0;
}
// Favor bringing the top into view over the bottom. If top is already visible and
// we should scroll to make bottom visible, make sure top does not go out of bounds.
final int dy;
if (canScrollVertical) {
dy = offScreenTop != 0 ? offScreenTop : Math.min(childTop - parentTop, offScreenBottom);
} else {
dy = 0;
}
offset = isVertical() ? dy : dx;
if (dx != 0 || dy != 0) {
if (mDuration == 0)
smoothScrollBy(dx, dy);
else
smoothScrollBy(dx, dy, mDuration);
Log.i(TAG, "requestChildRectangleOnScreen: immediate--->"+immediate);
return true;
}
// 重繪是爲了選中item置頂，具體請參考getChildDrawingOrder方法
postInvalidate();
return false;
}
private int getFreeWidth() {
return getWidth() - getPaddingLeft() - getPaddingRight();
}
private int getFreeHeight() {
return getHeight() - getPaddingTop() - getPaddingBottom();
}
/**
* 設置默認選中.
*/
public void setDefaultSelect(int pos) {
ViewHolder vh = (ViewHolder) findViewHolderForAdapterPosition(pos);
requestFocusFromTouch();
if (vh != null)
vh.itemView.requestFocus();
}
/**
* 設置SWRecyclerView的滑動速度
* @param duration
*/
public void setDuration(int duration){
mDuration = duration;
}
/**
* 設置選中的Item居中；
* @param isCentered
*/
public void setSelectedItemAtCentered(boolean isCentered) {
this.mSelectedItemCentered = isCentered;
}
/**
* 判斷是垂直，還是橫向.
*/
private boolean isVertical() {
LinearLayoutManager layout = (LinearLayoutManager) getLayoutManager();
return layout.getOrientation() == LinearLayoutManager.VERTICAL;
}
/**
* 利用反射拿到RecyclerView中的mViewFlinger屬性，
* 再調用其smoothScrollBy(int dx, int dy, int duration) 方法實現RecyclerViewTV速度的控制
* @param dx
* @param dy
* @param duration
*/
public void smoothScrollBy(int dx, int dy, int duration) {
try {
Class<?> c = null;
try {
c = Class.forName("android.support.v7.widget.RecyclerView");//獲得Class對象
} catch (ClassNotFoundException e) {
e.printStackTrace();
return;
}
Field mLayoutField = c.getDeclaredField("mLayout"); //根據屬性名稱，獲得類的屬性成員Field
mLayoutField.setAccessible(true); //設置爲可訪問狀態
LayoutManager mLayout = null;
try {
mLayout = (LayoutManager) mLayoutField.get(this); //獲得該屬性對應的對象
if(mLayout == null){
return;
}
} catch (IllegalAccessException e) {
e.printStackTrace();
return;
}
Field mLayoutFrozen = c.getDeclaredField("mLayoutFrozen");
mLayoutFrozen.setAccessible(true);
try {
if((Boolean)mLayoutFrozen.get(this)){
return;
}
} catch (IllegalAccessException e) {
e.printStackTrace();
return;
}
if (!mLayout.canScrollHorizontally()) {
dx = 0;
}
if (!mLayout.canScrollVertically()) {
dy = 0;
}
Field mViewFlingerField = c.getDeclaredField("mViewFlinger");
mViewFlingerField.setAccessible(true);
try {
Class<?> ViewFlingerClass = null;
try {
//由於內部類是私有的，所以不能直接得到內部類名，
//通過mViewFlingerField.getType().getName()
//可以得到私有內部類的完整類名
ViewFlingerClass = Class.forName(mViewFlingerField.getType().getName());
} catch (ClassNotFoundException e) {
e.printStackTrace();
return;
}
//根據方法名，獲得我們的目標方法對象。第一個參數是方法名，後面的是該方法的入參類型。
// 注意Integer.class與int.class的不同。
Method smoothScrollBy = ViewFlingerClass.getDeclaredMethod("smoothScrollBy",
int.class, int.class, int.class);
smoothScrollBy.setAccessible(true);//設置爲可操作狀態
if (dx != 0 || dy != 0) {
Log.d("MySmoothScrollBy", "dx="+dx + " dy="+dy);
try {
//喚醒（調用）方法，
// mViewFlingerField.get(this)指明是哪個對象調用smoothScrollBy。
// dx, dy, duration 是smoothScrollBy所需參數
smoothScrollBy.invoke(mViewFlingerField.get(this), dx, dy, duration);
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}
}
} catch (NoSuchMethodException e) {
e.printStackTrace();
return;
}
}catch (NoSuchFieldException e){
return;
}
}
}home_fragment_item_selector focus是一張結尾.9的透明圖片
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:drawable="@mipmap/focus" />
<item android:state_selected="true" android:drawable="@mipmap/focus" />
<item android:drawable="@color/transparent" />
</selector><selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/like_o" android:state_focused="true"/>
<item android:drawable="@drawable/like_w" android:state_focused="false"/>
</selector>
時間緊任務重，展示效果不是很好。湊合着看哈，重要的是處理方法。有興趣的朋友可以試試。有不同見解請留言。互相學習。覺得不錯就點個贊，謝謝...