餓了嗎？（模仿點餐系統模式）
阿新 • • 發佈：2018-12-29
效果圖
依賴
implementation 'com.google.code.gson:gson:2.8.5'
implementation 'com.squareup.okhttp3:okhttp:3.12.0'
implementation 'com.github.bumptech.glide:glide:4.8.0'
implementation 'com.android.support:recyclerview-v7:28.0.0'
Activity裡面的程式碼
public class Shopping extends AppCompatActivity implements DataCall<List<Shop>> { private TextView mSumPrice; private TextView mCount; private RecyclerView mLeftRecycler, mRightRecycler; private LeftAdapter mLeftAdapter; private RightAdapter mRightAdapter; private CartPresenter cartPresenter = new CartPresenter(this); @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_hurry); mSumPrice = findViewById(R.id.goods_sum_price); mCount = findViewById(R.id.goods_number); mLeftRecycler = findViewById(R.id.left_recycler); mRightRecycler = findViewById(R.id.right_recycler); mLeftRecycler.setLayoutManager(new LinearLayoutManager(this)); mRightRecycler.setLayoutManager(new LinearLayoutManager(this)); mLeftAdapter = new LeftAdapter(this); mLeftAdapter.setOnItemClickListenter(new LeftAdapter.OnItemClickListenter() { @Override public void onItemClick(Shop shop) { mRightAdapter.clearList();//清空資料 mRightAdapter.addAll(shop.getList()); mRightAdapter.notifyDataSetChanged(); } }); mLeftRecycler.setAdapter(mLeftAdapter); mRightAdapter = new RightAdapter(this); mRightAdapter.setOnNumListener(new RightAdapter.OnNumListener() { @Override public void onNum() { calculatePrice(mLeftAdapter.getList()); } }); mRightRecycler.setAdapter(mRightAdapter); cartPresenter.requestData(); } @Override public void success(List<Shop> data) { calculatePrice(data);//計算價格和數量 mLeftAdapter.addAll(data);//左邊的新增型別 //得到預設選中的shop，設定上顏色和背景 Shop shop = data.get(1); shop.setTextColor(0xff000000); shop.setBackground(R.color.white); mRightAdapter.addAll(shop.getList()); mLeftAdapter.notifyDataSetChanged(); mRightAdapter.notifyDataSetChanged(); } @Override public void fail(Result result) { Toast.makeText(this, result.getCode() + " " + result.getMsg(), Toast.LENGTH_LONG).show(); } private void calculatePrice(List<Shop> shopList) { double totalPrice = 0; int totalNum = 0; for (int i = 0; i <shopList.size() ; i++) { Shop shop = shopList.get(i); for (int j = 0; j <shop.getList().size() ; j++) { Goods goods = shop.getList().get(j); totalPrice+=goods.getPrice()*goods.getNum(); totalNum+=goods.getNum(); } } mSumPrice.setText("價格：￥"+totalPrice); mCount.setText(""+totalNum); } }
Model層
public class CartModel { public static Result goodsList() { String resultString = HttpUtils.get("http://www.zhaoapi.cn/product/getCarts?uid=71"); try { Gson gson = new Gson(); Type type = new TypeToken<Result<List<Shop>>>() { }.getType(); Result result = gson.fromJson(resultString, type); return result; } catch (Exception e) { } Result result = new Result(); result.setCode(-1); result.setMsg("資料解析異常"); return result; } }
Presenter層
public class CartPresenter extends BasePresenter {
public CartPresenter(DataCall dataCall) {
super(dataCall);
}
@Override
protected Result getData(Object... args) {
Result result = CartModel.goodsList();//呼叫網路請求獲取資料
return result;
}
}
抽象類BasePresenter
public abstract class BasePresenter {
DataCall dataCall;
public BasePresenter(DataCall dataCall){
this.dataCall = dataCall;
}
Handler mHandler = new Handler(Looper.getMainLooper()) {
@Override
public void handleMessage(Message msg) {
Result result = (Result) msg.obj;
if (result.getCode()==0){
dataCall.success(result.getData());
}else{
dataCall.fail(result);
}
}
};
public void requestData(final Object...args){
new Thread(new Runnable() {
@Override
public void run() {
Message message = mHandler.obtainMessage();
message.obj = getData(args);
mHandler.sendMessage(message);
}
}).start();
}
protected abstract Result getData(Object...args);
public void unBindCall(){
this.dataCall = null;
}
}
View層
public interface DataCall<T> {
void success(T data);
void fail(Result result);
}
自定義控制元件
public class AddSubLayout extends LinearLayout implements View.OnClickListener {
private TextView mAddBtn,mSubBtn;
private TextView mNumText;
private AddSubListener addSubListener;
public AddSubLayout(Context context) {
super(context);
initView();
}
public AddSubLayout(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
public AddSubLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
public AddSubLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
initView();
}
private void initView(){
//載入layout佈局，第三個引數ViewGroup一定寫成this
View view = View.inflate(getContext(),R.layout.activity_add_btn,this);
mAddBtn = view.findViewById(R.id.btn_add);
mSubBtn = view.findViewById(R.id.btn_sub);
mNumText = view.findViewById(R.id.text_number);
mAddBtn.setOnClickListener(this);
mSubBtn.setOnClickListener(this);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
int width = r-l;//getWidth();
int height = b-t;//getHeight();
}
@Override
public void onClick(View v) {
int number = Integer.parseInt(mNumText.getText().toString());
switch (v.getId()){
case R.id.btn_add:
number++;
mNumText.setText(number+"");
break;
case R.id.btn_sub:
if (number==0){
Toast.makeText(getContext(),"數量不能小於0",Toast.LENGTH_LONG).show();
return;
}
number--;
mNumText.setText(number+"");
break;
}
if (addSubListener!=null){
addSubListener.addSub(number);
}
}
public void setCount(int count) {
mNumText.setText(count+"");
}
public void setAddSubListener(AddSubListener addSubListener) {
this.addSubListener = addSubListener;
}
public interface AddSubListener{
void addSub(int count);
}
}
介面卡
LeftAdapter
public class LeftAdapter extends RecyclerView.Adapter<LeftAdapter.MyHolder> {
private List<Shop> mList = new ArrayList<>();
private Context context;
public LeftAdapter(Context context) {
this.context = context;
}
@NonNull
@Override
public MyHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
View view = View.inflate(viewGroup.getContext(), R.layout.activity_left_item,null);
MyHolder myHolder = new MyHolder(view);
return myHolder;
}
@Override
public void onBindViewHolder(@NonNull MyHolder myHolder, int i) {
final Shop shop = mList.get(i);
myHolder.text.setText(shop.getSellerName());
myHolder.text.setBackgroundResource(shop.getBackground());
myHolder.text.setTextColor(shop.getTextColor());
myHolder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
for (int j = 0; j <mList.size() ; j++) {
mList.get(j).setTextColor(0xffffffff);
mList.get(j).setBackground(R.color.grayblack);
}
shop.setBackground(R.color.white);
shop.setTextColor(0xff000000);
notifyDataSetChanged();
onItemClickListenter.onItemClick(shop);//切換右邊的列表
}
});
}
@Override
public int getItemCount() {
return mList.size();
}
public List<Shop> getList() {
return mList;
}
class MyHolder extends RecyclerView.ViewHolder{
TextView text;
public MyHolder(@NonNull View itemView) {
super(itemView);
text = itemView.findViewById(R.id.left_text);
}
}
public void addAll(List<Shop> data) {
mList.addAll(data);
}
private OnItemClickListenter onItemClickListenter;
public void setOnItemClickListenter(OnItemClickListenter onItemClickListenter) {
this.onItemClickListenter = onItemClickListenter;
}
public interface OnItemClickListenter{
void onItemClick(Shop shop);
}
}
RightAdapter
public class RightAdapter extends RecyclerView.Adapter<RightAdapter.ChildHolder> {
private List<Goods> mList = new ArrayList<>();
private Context context;
public RightAdapter(Context context) {
this.context = context;
}
@NonNull
@Override
public ChildHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
View view = View.inflate(viewGroup.getContext(), R.layout.activity_right_item, null);
ChildHolder myHolder = new ChildHolder(view);
return myHolder;
}
@Override
public void onBindViewHolder(@NonNull ChildHolder childHolder, int i) {
final Goods goods = mList.get(i);
childHolder.text.setText(goods.getTitle());
childHolder.price.setText("單價：" + goods.getPrice());//單價
String imageurl = "https" + goods.getImages().split("https")[1];
Log.i("dt", "imageUrl: " + imageurl);
imageurl = imageurl.substring(0, imageurl.lastIndexOf(".jpg") + ".jpg".length());
Glide.with(context).load(imageurl).into(childHolder.image);//載入圖片
childHolder.addSub.setCount(goods.getNum());
//數量監聽
childHolder.addSub.setAddSubListener(new AddSubLayout.AddSubListener() {
@Override
public void addSub(int count) {
goods.setNum(count);
onNumListener.onNum();//計算價格
}
});
}
@Override
public int getItemCount() {
return mList.size();
}
public void addAll(List<Goods> list) {
mList.addAll(list);
}
public void clearList() {
mList.clear();
}
class ChildHolder extends RecyclerView.ViewHolder {
TextView text;
TextView price;
ImageView image;
AddSubLayout addSub;
public ChildHolder(@NonNull View itemView) {
super(itemView);
text = itemView.findViewById(R.id.text);
price = itemView.findViewById(R.id.text_price);
image = itemView.findViewById(R.id.image);
addSub = itemView.findViewById(R.id.add_sub_layout);
}
}
private OnNumListener onNumListener;
public void setOnNumListener(OnNumListener onNumListener) {
this.onNumListener = onNumListener;
}
public interface OnNumListener{
void onNum();
}
}
佈局
activity_hurry
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal">
<android.support.v7.widget.RecyclerView
android:id="@+id/left_recycler"
android:layout_width="100dp"
android:layout_height="match_parent"
android:background="@color/grayblack">
</android.support.v7.widget.RecyclerView>
<android.support.v7.widget.RecyclerView
android:id="@+id/right_recycler"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="80dp">
<ImageView
android:id="@+id/shop_car_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:src="@drawable/shopping" />
<TextView
android:id="@+id/goods_sum_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="價格："
android:layout_marginLeft="20dp"
android:layout_centerVertical="true"/>
<TextView
android:id="@+id/goods_number"
android:layout_width="30dp"
android:layout_height="30dp"
android:textSize="10sp"
android:gravity="center"
android:textColor="#fff"
android:layout_marginLeft="-10dp"
android:background="@drawable/circle_red_bg"
android:layout_alignParentTop="true"
android:layout_toEndOf="@+id/shop_car_image"
android:text="7" />
</RelativeLayout>
</LinearLayout>
activity_left_item
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/left_text"
android:layout_width="100dp"
android:layout_height="50dp"
android:textSize="16sp"
android:gravity="center"
android:textColor="@color/white"
android:text="aa" />
</LinearLayout>
activity_right_item
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@color/white"
android:orientation="horizontal">
<ImageView
android:id="@+id/image"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:minHeight="50dp"
android:layout_alignParentLeft="true"
android:src="@mipmap/ic_launcher"/>
<TextView
android:id="@+id/text"
android:layout_toRightOf="@+id/image"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="aa"
android:padding="5dp"/>
<TextView
android:id="@+id/text_price"
android:layout_toRightOf="@+id/image"
android:layout_below="@+id/text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="價格"
android:padding="5dp"/>
<zhao.com.shop.activity.AddSubLayout
android:id="@+id/add_sub_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/text_price"
android:layout_alignParentBottom="true"
android:layout_marginRight="20dp"
android:layout_marginBottom="20dp">
</zhao.com.shop.activity.AddSubLayout>
</RelativeLayout>