Android為TV端助力 listview與recyclerview上下聯動
阿新 • • 發佈：2017-12-13
pre get reat ins -s tlist ping cto desc
首先是主布局fragment裏面的xml文件
<?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_reservation"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/new_main_bg"
tools:context="com.hhzt.iptv.lvb_w8.activity.ReservationActivity">
<LinearLayout
android:id="@+id/layout"
android:layout_width="@dimen/layx150"
android:layout_height="match_parent"
android:orientation="vertical"
>
<TextView
android:id="@+id/title_name"
android:layout_width="match_parent"
android:layout_height="@dimen/layx80"
android:textSize="@dimen/layx30"
android:textColor="@color/white"
android:singleLine="true"
android:layout_gravity="center"
android:gravity="center"
android:background="@color/food_title"
/>
<ListView
android:id="@+id/listview_left"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="#00000000"
android:divider="@color/bian_white"
android:dividerHeight="@dimen/layx1"
android:drawSelectorOnTop="false"
android:fastScrollEnabled="true"
android:focusable="true"
android:background="@color/food_content"
android:listSelector="@drawable/food_menu_selector"
android:descendantFocusability="blocksDescendants"
android:scrollbars="none" >
</ListView>
</LinearLayout>
<LinearLayout
android:id="@+id/layout_ll"
android:layout_width="@dimen/layx400"
android:layout_height="@dimen/layx50"
android:orientation="horizontal"
android:layout_alignParentRight="true"
android:layout_marginRight="@dimen/layx50"
android:layout_marginTop="@dimen/layx50"
android:gravity="center"
>
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center"
android:gravity="center"
android:focusable="true"
android:clickable="true"
android:paddingLeft="@dimen/layx10"
android:paddingRight="@dimen/layx10"
android:background="@drawable/shopping_selector"
>
<ImageView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:scaleType="fitXY"
android:padding="@dimen/layx5"
android:src="@drawable/shopping"
/>
<TextView
android:id="@+id/shopping"
android:layout_width="0dp"
android:layout_weight="2"
android:layout_height="match_parent"
android:layout_gravity="center"
android:gravity="center"
android:singleLine="true"
android:ellipsize="marquee"
android:textColor="@color/food_d_text"
android:textSize="@dimen/layx28"
android:text="購物車"
/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center"
android:gravity="center"
android:focusable="true"
android:clickable="true"
android:paddingLeft="@dimen/layx10"
android:paddingRight="@dimen/layx10"
android:layout_marginLeft="@dimen/layx20"
android:background="@drawable/shopping_selector"
>
<ImageView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:scaleType="fitXY"
android:padding="@dimen/layx5"
android:src="@drawable/history"
/>
<TextView
android:id="@+id/history"
android:layout_width="0dp"
android:layout_weight="3"
android:layout_height="match_parent"
android:layout_gravity="center"
android:gravity="center"
android:singleLine="true"
android:ellipsize="marquee"
android:textColor="@color/food_d_text"
android:textSize="@dimen/layx28"
android:text="歷史訂單"
/>
</LinearLayout>
</LinearLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/listview_right"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_toRightOf="@id/layout"
android:layout_below="@id/layout_ll"
android:paddingLeft="@dimen/layx20"
android:paddingRight="@dimen/layx20"
android:layout_marginTop="@dimen/layx20"
android:nextFocusUp="@+id/shopping"
android:scrollbars="none"/>
</RelativeLayout>
然後是activity上面的fragment
package com.hhzt.iptv.lvb_w8.fragment;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.TextView;
import com.hhzt.iptv.R;
import com.hhzt.iptv.lvb_w8.adapter.FoodAdapter;
import com.hhzt.iptv.lvb_w8.adapter.FoodAdapterRight;
import com.hhzt.iptv.lvb_w8.bean.FoodBean;
import com.hhzt.iptv.lvb_w8.bean.FoodDetailsBean;
import com.hhzt.iptv.lvb_w8.interfaces.IBeanOnSuccessCB;
import com.hhzt.iptv.lvb_y.BaseActivity;
import com.hhzt.iptv.lvb_y.business.UIDataller;
import com.hhzt.iptv.lvb_y.log.LogUtil;
import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ViewInject;
import java.util.ArrayList;
//訂餐服務界面
public class ReservationFragment extends BaseFragment implements FoodAdapterRight.OnItemClickListener{
@ViewInject(R.id.title_name)
private TextView mWelcomeTextView; //標題
@ViewInject(R.id.listview_left)
private ListView mListview_left; //列表list
@ViewInject(R.id.shopping)
private TextView mShopping; //購物車
@ViewInject(R.id.history)
private TextView mHistory; //歷史訂單
@ViewInject(R.id.listview_right)
private RecyclerView mListViewRight; //菜品詳情RecyclerView
private ArrayList<FoodBean.ListBean> mBean;
//詳情頁的list
private ArrayList<FoodDetailsBean.ListBean> mFoodDetailsBean = new ArrayList<>();
private FoodAdapterRight mAdapterRight;
private String mCurTitle = "";
private int mTitlePos = 0;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.activity_reservation, container, false);
ViewUtils.inject(this, view);
return view;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
if (null == savedInstanceState) {
requseFoodType();
setMonitor();
}
}
private void setMonitor() {
mListview_left.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
switch (keyCode){
case KeyEvent.KEYCODE_DPAD_UP:
if(event.getAction() == KeyEvent.ACTION_DOWN){
if(mTitlePos > 0){
mTitlePos --;
mListview_left.setSelection(mTitlePos);
requseFoodDetailedMenu(mTitlePos,mBean.get(mTitlePos).getId(),1,1000);
}
}
break;
case KeyEvent.KEYCODE_DPAD_DOWN:
if(event.getAction() == KeyEvent.ACTION_DOWN){
if(mTitlePos < mBean.size()-1){
mTitlePos ++;
mListview_left.setSelection(mTitlePos);
requseFoodDetailedMenu(mTitlePos,mBean.get(mTitlePos).getId(),1,1000);
}
}
break;
}
return false;
}
});
}
/**
* 請求右側詳細數據
*/
private void requseFoodDetailedMenu(final int pos,int id,int pum,int size){
UIDataller.getDataller().gotoRequseFoodDetailedMenu(id, pum, size, new IBeanOnSuccessCB<ArrayList<FoodDetailsBean.ListBean>>() {
@Override
public void onSuccess(ArrayList<FoodDetailsBean.ListBean> bean) {
if(pos != mTitlePos){
return;
}
mFoodDetailsBean.clear();
mFoodDetailsBean = bean;
initRightAdapter();
}
});
}
/**
* 初始化右側數據
*/
private void initRightAdapter() {
if(mAdapterRight == null){
GridLayoutManager linearLayoutManager = new GridLayoutManager(getActivity(),4);
mListViewRight.setLayoutManager(linearLayoutManager);
LogUtil.i("TAG","mListViewRight:"+mListViewRight.getWidth());
mAdapterRight = new FoodAdapterRight(getActivity(), mFoodDetailsBean, mListViewRight);
mAdapterRight.setOnKey(this);
mListViewRight.setAdapter(mAdapterRight);
}else{
mAdapterRight.setDataList(mFoodDetailsBean);
mListViewRight.setAdapter(mAdapterRight);
}
}
/**
* 請求左側分類列表
*/
private void requseFoodType() {
UIDataller.getDataller().gotoRequseFoodType(new IBeanOnSuccessCB<FoodBean>() {
@Override
public void onSuccess(FoodBean bean) {
mWelcomeTextView.setText(bean.getClassName());
if(bean.getList() != null && bean.getList().size()>0){
mBean = bean.getList();
initTitleType();
requseFoodDetailedMenu(0,mBean.get(0).getId(),1,1000);
}
}
});
}
/**
* 初始化左邊分類並設置值
*/
private void initTitleType() {
FoodAdapter adapter = new FoodAdapter(getActivity(),mBean);
mListview_left.setAdapter(adapter);
}
@Override
public void onItemClick(View view, int position) {
BaseActivity.getInstance().showToast("單擊:"+position,0);
}
@Override
public void onKey(int keykode, View view, int position) {
switch (keykode){
case KeyEvent.KEYCODE_DPAD_LEFT:
mListview_left.setFocusable(true);
mListview_left.requestFocus();
mListview_left.setSelection(mTitlePos);
break;
}
}
}
左側listview的adapter
package com.hhzt.iptv.lvb_w8.adapter;
import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import com.hhzt.iptv.R;
import com.hhzt.iptv.lvb_w8.bean.FoodBean;
import com.hhzt.iptv.lvb_y.utils.StringUtil;
import java.util.ArrayList;
/**
* Created by Administrator on 2017-12-09.
*/
public class FoodAdapter extends BaseAdapter {
private static final String TAG = FoodAdapter.class.getSimpleName();
private Context mContext;
private ArrayList<FoodBean.ListBean> mDataList = new ArrayList<>();
private int mSelection = 0;
public FoodAdapter(Context mContext, ArrayList<FoodBean.ListBean> mDataList) {
this.mContext = mContext;
this.mDataList = mDataList;
}
@Override
public int getCount() {
if (null != mDataList)
return mDataList.size();
return 0;
}
@Override
public Object getItem(int i) {
if (null != mDataList)
return mDataList.get(i);
return null;
}
@Override
public long getItemId(int i) {
return 0;
}
@Override
public View getView(int position, View view, ViewGroup viewGroup) {
ViewHolder viewHolder = null;
if (null == view){
viewHolder = new ViewHolder();
view = LayoutInflater.from(mContext).inflate(R.layout.item_left, null);
viewHolder.textContent = (Button) view.findViewById(R.id.text_content);
view.setTag(viewHolder);
}else {
viewHolder = (ViewHolder) view.getTag();
}
if (null != viewHolder.textContent && null != mDataList && mDataList.size()>0){
viewHolder.textContent.setText(StringUtil.setText(mDataList.get(position).getName()));
}else {
Log.i(TAG, "getView: null == mDataList");
}
return view;
}
public int getSelection() {
return mSelection;
}
public void setSelection(int selection) {
mSelection = selection;
notifyDataSetChanged();
}
class ViewHolder{
Button textContent;
}
}
adapter裏面的xml布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/text_content"
android:layout_width="match_parent"
android:layout_height="@dimen/layx60"
android:textColor="@color/bottom_city_color"
android:gravity="center"
android:layout_gravity="center"
android:background="@null"
android:textSize="@dimen/layx24"/>
</LinearLayout>
RecyclerView的adapter適配器
package com.hhzt.iptv.lvb_w8.adapter;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import com.bumptech.glide.Glide;
import com.hhzt.iptv.R;
import com.hhzt.iptv.lvb_w8.bean.FoodDetailsBean;
import java.util.ArrayList;
/**
* Created by zyf on 2017/5/8.
* 右邊RecyclerView適配器
*/
public class FoodAdapterRight extends RecyclerView.Adapter<FoodAdapterRight.ViewHolder> {
private static final String TAG = FoodAdapterRight.class.getSimpleName();
private final LayoutInflater mInflater;
private final int w;
private final int h;
private Context mContext;
private ArrayList<FoodDetailsBean.ListBean> mDataList = new ArrayList<>();
private RecyclerView mRecyclerView;
private OnItemClickListener listener;
public FoodAdapterRight(Context context, ArrayList<FoodDetailsBean.ListBean> dataList , RecyclerView recyclerView) {
mContext = context;
mDataList = dataList;
mRecyclerView = recyclerView;
w = mRecyclerView.getWidth();
h = mRecyclerView.getHeight();
mInflater = LayoutInflater.from(context);
}
@Override
public FoodAdapterRight.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = mInflater.inflate(R.layout.item_right,parent,false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(FoodAdapterRight.ViewHolder holder, final int position) {
if (null != mDataList && mDataList.size() > 0) {
ViewGroup.LayoutParams parms = holder.itemView.getLayoutParams();
parms.width = w/4-20;
parms.height = h/2-20;
holder.itemView.setLayoutParams(parms);
holder.item_name.setText(mDataList.get(position).getName());
holder.item_price.setText("￥"+mDataList.get(position).getPrice());
Glide.with(mContext).load(mDataList.get(position).getPictureUrl()).into(holder.item_image);
holder.item_btn.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
switch (keyCode){
case KeyEvent.KEYCODE_DPAD_LEFT:
if(event.getAction() ==KeyEvent.ACTION_DOWN){
if(position%4==0){
listener.onKey(KeyEvent.KEYCODE_DPAD_LEFT,v,position);
return true;
}
}
break;
case KeyEvent.KEYCODE_DPAD_CENTER:
case KeyEvent.KEYCODE_ENTER:
if(event.getAction() ==KeyEvent.ACTION_DOWN){
listener.onItemClick(v,position);
return true;
}
break;
}
return false;
}
});
} else {
Log.i(TAG, "getView: null == mDataList");
}
}
@Override
public int getItemCount() {
return mDataList.size();
}
class ViewHolder extends RecyclerView.ViewHolder {
Button item_btn;
ImageView item_image;
TextView item_name;
TextView item_price;
TextView select_share;
ViewHolder(View itemView) {
super(itemView);
item_btn = (Button) itemView.findViewById(R.id.item_btn);
item_image = (ImageView) itemView.findViewById(R.id.item_image);
item_name = (TextView) itemView.findViewById(R.id.item_name);
item_price = (TextView) itemView.findViewById(R.id.item_price);
select_share = (TextView) itemView.findViewById(R.id.select_share);
}
}
public void setDataList( ArrayList<FoodDetailsBean.ListBean> dataList){
mDataList.clear();
mDataList = dataList;
notifyDataSetChanged();
}
public interface OnItemClickListener {
void onItemClick(View view , int position);
void onKey(int keykode,View view , int position);
}
public void setOnKey(OnItemClickListener listener){
this.listener = listener;
}
}
適配器裏面的xml文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item__view_container"
android:layout_width="wrap_content"
android:descendantFocusability="beforeDescendants"
android:layout_height="wrap_content">
<Button
android:id="@+id/item_btn"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/vod_item_bg_selector" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="@dimen/layx7"
android:orientation="vertical"
>
<ImageView
android:id="@+id/item_image"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="3"
android:scaleType="fitXY" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:background="@color/white"
android:paddingLeft="@dimen/layx20"
android:paddingRight="@dimen/layx10"
android:layout_weight="1">
<TextView
android:id="@+id/item_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:ellipsize="marquee"
android:gravity="center_vertical|left"
android:paddingBottom="@dimen/layx5"
android:paddingTop="@dimen/layx5"
android:singleLine="true"
android:textColor="@color/red"
android:textSize="@dimen/layx20" />
<TextView
android:id="@+id/item_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/item_price"
android:ellipsize="marquee"
android:gravity="center_vertical|left"
android:paddingBottom="@dimen/layx5"
android:paddingTop="@dimen/layx5"
android:singleLine="true"
android:textColor="@color/black"
android:textSize="@dimen/layx20" />
<TextView
android:id="@+id/select_share"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:gravity="bottom|center_horizontal"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:paddingBottom="@dimen/layx5"
android:paddingTop="@dimen/layx5"
android:singleLine="true"
android:textColor="@color/red"
android:textSize="@dimen/layx20" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
上述裏面的button的背景選擇器都沒有上傳，因為帶有圖片
Android為TV端助力 listview與recyclerview上下聯動