,,記得要匯入依賴及許可權

商品詳情頁的model層

public class RecyclerDetailsModel {
    //自己定義的方法
    public void receive(String pid, final IRecyclerDetailsModel iRecyclerDetailsModel) {
        String url="http://120.27.23.105/product/getProductDetail";
        HashMap<String, String> hashMap = new HashMap<>();
        hashMap.put("pid"
 
, pid);
        OkHttpUtils.getInstance().doPost(url, hashMap, new CallBack() {
            @Override
            public void onSuccess(String str) {
                if (str != null) {
                    Gson gson = new Gson();
                    RecyclerDetailsBean rdBean = gson.fromJson(str, RecyclerDetailsBean.class);
                    if
 
 (rdBean != null) {
                        iRecyclerDetailsModel.onSuccess(rdBean);
                    }
                }
            }

            @Override
            public void onFailed(String message) {
                iRecyclerDetailsModel.onFailed();
            }
        });
    }

}

商品詳情頁的model層的藉口

public interface IRecyclerDetailsModel {

    void onSuccess(RecyclerDetailsBean rdBean);

    void onFailed();

}

商品詳情頁的view層介面

public interface IRecyclerDetailsPresenter {

    void onSuccess(RecyclerDetailsBean rdBean);

    void onFailed();

}

商品詳情頁的presenter層

public class RecyclerDetailsPresenter implements IRecyclerDetailsModel {

    private RecyclerDetailsModel recyclerDetailsModel;
    private IRecyclerDetailsPresenter irecyclerDetailsPresenter;

    public RecyclerDetailsPresenter(IRecyclerDetailsPresenter irecyclerDetailsPresenter) {
        this.irecyclerDetailsPresenter = irecyclerDetailsPresenter;
        recyclerDetailsModel = new RecyclerDetailsModel();
    }

    public void receive(String pid) {
        recyclerDetailsModel.receive(pid, this);
    }

    @Override
    public void onSuccess(RecyclerDetailsBean rdBean) {
        irecyclerDetailsPresenter.onSuccess(rdBean);
    }

    @Override
    public void onFailed() {
        irecyclerDetailsPresenter.onFailed();
    }
}

主要的view層

public class RecyclerDetailsActivity extends AppCompatActivity implements IRecyclerDetailsPresenter,IAddShopCarPresenter{
    private int pid = 71;
    private RecyclerDetailsPresenter recyclerDetailsPresenter;
    private ListView listView;
    private RecyclerDetailsBean.DataBean data;
    private TextView title;
    private TextView price;
    private String urlImg;
    private String[] split;
    private String urlTitle;
    private double urlPrice;
    private ArrayList<String> lists = new ArrayList<String>();
    private ViewPager viewPager;
    private DetailsAdapter adapter;
    private Button join;
    private int pids;
    private AddShopCarPresenter addShopCarPresenter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_details);
        initview();
        //Intent intent = getIntent();
        //pid = intent.getIntExtra("pid", this.pid);
        //獲取商品詳情頁的p層
        recyclerDetailsPresenter = new RecyclerDetailsPresenter(this);
        //呼叫商品詳情頁的獲取pid的方法
        recyclerDetailsPresenter.receive(pid + "");
        //將商品新增到購物車的p層
        addShopCarPresenter = new AddShopCarPresenter(this);
    }

    /**
     * 獲取控制元件的方法
     *
     * */
    private void initview() {
        //輪播展示圖片的控制元件
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        //點選加入購物車的控制元件
        join = (Button) findViewById(R.id.join);
        title = (TextView) findViewById(R.id.title);
        price = (TextView) findViewById(R.id.price);
    }
    /*
    * 實現成功的方法
    * */
    @Override
    public void onSuccess(RecyclerDetailsBean rdBean) {
        /**
         * 從集合獲取資料,並賦值
         */
        data = rdBean.getData();
        pids = data.getPid();
        urlImg = data.getImages();
        split = urlImg.split("\\|");
        urlTitle = data.getTitle();
        urlPrice = data.getPrice();
        title.setText(urlTitle);
        price.setText(urlPrice + "");
        /**
         * 將圖片做成無限輪播
         * 配置介面卡
         */
        adapter = new DetailsAdapter(RecyclerDetailsActivity.this, split);
        viewPager.setAdapter(adapter);
        /**
         * 點選加入購物車的按鈕
         */
        join.setOnClickListener(new View.OnClickListener() {


            @Override
            public void onClick(View view) {
                /*Toast.makeText(RecyclerDetailsActivity.this, ImageLoaderApp.sql.getInt("id", 0)+"", Toast.LENGTH_SHORT).show();*/
                //傳入加入購物車的欄位
                addShopCarPresenter.receive("android", 3381+"", pids + "");
            }
        });
    }

    @Override
    public void onSuccess(String msg) {
        Toast.makeText(RecyclerDetailsActivity.this, msg, Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onFailed() {

    }

    /**
     * 跳轉購物車
     * @param view
     */
    public void shopcar(View view){
        Intent intent = new Intent(RecyclerDetailsActivity.this, ShoppingCartActivity.class);
        startActivity(intent);
    }
}

圖片輪播介面卡

/**
 * 詳情頁的圖片的無限輪播
 */

public class DetailsAdapter extends PagerAdapter {

    private Context context;
    private String[] split;

    public DetailsAdapter(Context context, String[] split) {
        this.context = context;
        this.split = split;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        //新增圖片到佈局中
        View view = View.inflate(context, R.layout.layout_detailviewpager, null);
        ImageView img = view.findViewById(R.id.img);
        Glide.with(context).load(split[position%split.length]).into(img);
        container.addView(view);
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }
}

RecyclerDetailsActivity 的xml佈局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="250dp"></android.support.v4.view.ViewPager>

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/viewPager"
        android:text="標題"
        android:textSize="22sp" />

    <TextView
        android:id="@+id/price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/title"
        android:text="價格"
        android:textColor="#F00"
        android:textSize="22sp" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"
        >
        <Button
            android:id="@+id/shopcar"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="50dp"
            android:text="購物車"
            android:onClick="shopcar"
            />
        <Button
            android:id="@+id/join"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="50dp"
            android:text="加入購物車" />

    </LinearLayout>


</RelativeLayout>

介面卡的佈局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/img"
        android:scaleType="fitXY"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>