japanese护士高潮,忘穿内裤被同桌c了好爽漫画,国产午夜福利在线机视频

本項目來自菜鳥窩，有興趣者點擊http://www.cniao5.com/course/

項目已經做完，
https://github.com/15829238397/CN5E-shop

前言

本次將為大家介紹商品列表展示，排序以及布局切換的功能，老規矩，先看效果圖。

商品展示.gif

內容

頁面設計
1.本頁面的頁面設計很簡單，只有一個自定義Toolbar,和一個WebView。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.cne_shop.widget.CnToolbar
        android:id="@+id/toolBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:minWidth="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:leftButtonIcon="@drawable/icon_back_32px"
        app:title="商品詳情"
        android:titleTextColor="@color/white"
        app:isShowSearchView="false"
        app:rightButtonText="分享"
        ></com.example.cne_shop.widget.CnToolbar>

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/webView"></WebView>

</LinearLayout>

基礎知識
1.本頁面完全通過android的WebView控件對js頁面進行調用。
有關于WebView的基礎使用不了解的請戳http://www.lxweimin.com/p/ebffa8a61e51
代碼分析

package com.example.cne_shop.activity;

import android.content.Context;
import android.content.Intent;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

import com.example.cne_shop.R;
import com.example.cne_shop.application.MyApplication;
import com.example.cne_shop.base.BaseActivity;
import com.example.cne_shop.bean.ShoppingCart;
import com.example.cne_shop.bean.Ware;
import com.example.cne_shop.contents.Contents;
import com.example.cne_shop.utils.CartProvider;
import com.example.cne_shop.utils.JsonUtil;
import com.example.cne_shop.widget.CnToolbar;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

import butterknife.BindView;
import dmax.dialog.SpotsDialog;

import static com.example.cne_shop.fragment.CartFragment.ORDER_WARES;

/**
 * Created by 博 on 2017/8/24.
 */

public class WareDetialActivity extends BaseActivity {

    @BindView(R.id.webView)
    WebView webView ;
    @BindView(R.id.toolBar)
    CnToolbar cnToolbar ;
    private Ware mWare ;
    private WebAppInterface mAppInterface ;
    private CartProvider cartProvider ;
    private SpotsDialog dialog ;

    @Override
    protected int getContentViewId() {
        return R.layout.ware_detial_activity;
    }

    @Override
    protected void initView() {
        Serializable serializable = getIntent().getSerializableExtra(Contents.WARE);
        if (serializable == null) {
            this.finish();
        }

        dialog = new SpotsDialog(this , "loading...");
        dialog.show();

        mWare = (Ware) serializable ;
        cartProvider = CartProvider.getCartProvider(this) ;

        initWebView() ;
    }

    @Override
    protected void addListener() {
        addBackButtonListener() ;
        addShareButtonListener() ;
    }

    @Override
    protected void beforLayout() {

    }

    private void addShareButtonListener(){
        cnToolbar.setRightButtonIcOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showShare() ;
            }
        });
    }

    private void addBackButtonListener(){
        cnToolbar.setLeftButtonIcOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                WareDetialActivity.this.finish();
            }
        });
    }

    class WC extends WebViewClient {

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);

            if (dialog!=null && dialog.isShowing()){
                dialog.dismiss();
            }

            mAppInterface.showDetail();

        }
    }


    private void initWebView(){

        WebSettings settings = webView.getSettings() ;

        settings.setJavaScriptEnabled(true);
        settings.setBlockNetworkImage(false);
        settings.setAppCacheEnabled(true);

        webView.loadUrl(Contents.API.SHOW_WARE_DETIAL);
        mAppInterface = new WebAppInterface(this) ;
        webView.addJavascriptInterface(mAppInterface , "appInterface");
        webView.setWebViewClient(new WC());

    }

    class WebAppInterface{

        private Context mContext ;

        public WebAppInterface(Context context) {
            this.mContext = context ;
        }

        @JavascriptInterface
        public void showDetail(){

            runOnUiThread(new Runnable() {
                @Override
                public void run() {

                    webView.loadUrl("javascript:showDetail("+mWare.getId()+")");

                }
            });
        }

        @JavascriptInterface
        public void buy(long id){
        }

        @JavascriptInterface
        public void addToCart(long id){
            cartProvider.put(mWare);

            Toast.makeText(mContext , "添加購物車" , Toast.LENGTH_SHORT).show();
        }

    }

    public String getOrderWares(){

        List<ShoppingCart> orderWares = new ArrayList<>() ;
        ShoppingCart shoppingCart = new ShoppingCart() ;

        shoppingCart.setCount(1);
        shoppingCart.setChecked(true);
        shoppingCart.setId(mWare.getId());
        shoppingCart.setImgUrl(mWare.getImgUrl());
        shoppingCart.setPrice(mWare.getPrice());

        orderWares.add(shoppingCart) ;

        return JsonUtil.toJSON(orderWares);
    }

    private void showShare() {
    }

}

功能實現分析
1.得到WebView實例。

 @BindView(R.id.webView)
    WebView webView ;

2.得到WebSettings 對象進行WebView設置。

        WebSettings settings = webView.getSettings() ;

        settings.setJavaScriptEnabled(true);//設置WebView是否可以運行JavaScript。
        settings.setBlockNetworkImage(false);//禁止或允許WebView從網絡上加載圖片。需要注意的是，如果設置是從禁止到允許的轉變的話，圖片數據并不會在設置改變后立刻去獲取，而是在WebView調用reload()的時候才會生效。這個時候，需要確保這個app擁有訪問Internet的權限，否則會拋出安全異常。通常沒有禁止圖片加載的需求的時候，完全不用管這個方法，因為當我們的app擁有訪問Internet的權限時，這個flag的默認值就是false。
        settings.setAppCacheEnabled(true);//啟用或禁用應用緩存。

3.定義一個接口WebAppInterface，里面定義在js頁面調用的方法，注意兩點。
3.1.定義的方法名和參數一定要與js頁面中一致。
3.2.定義的方法必須添加@JavascriptInterface注解

 class WebAppInterface{

        private Context mContext ;

        public WebAppInterface(Context context) {
            this.mContext = context ;
        }

        @JavascriptInterface
        public void showDetail(){

            runOnUiThread(new Runnable() {
                @Override
                public void run() {

                    webView.loadUrl("javascript:showDetail("+mWare.getId()+")");

                }
            });
        }

        @JavascriptInterface
        public void buy(long id){

        }

        @JavascriptInterface
        public void addToCart(long id){
            cartProvider.put(mWare);

            Toast.makeText(mContext , "添加購物車" , Toast.LENGTH_SHORT).show();
        }

    }

4.通過js頁面，調用我們之前定義的方法：

 webView.addJavascriptInterface(mAppInterface , "appInterface");

5.定義一個類，繼承WebViewClient,并實現onPageFinished方法，在頁面加載完畢時執行關閉dialog，并且顯示相關商品信息。

    class WC extends WebViewClient {

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);

            if (dialog!=null && dialog.isShowing()){
                dialog.dismiss();
            }

            mAppInterface.showDetail();

        }
    }

6.最后一步，添加WC 對象值WebView。完成設置

 webView.setWebViewClient(new WC());

就此，商品展示頁面網頁調用部分大致完成。

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

仿京東商城系列12------商品詳細信息展示（nativie與html交互）

仿京東商城系列12------商品詳細信息展示（nativie與html交互）

本項目來自菜鳥窩，有興趣者點擊http://www.cniao5.com/course/

前言

內容

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

仿京東商城系列12------商品詳細信息展示（nativie與html交互）

本項目來自菜鳥窩，有興趣者點擊http://www.cniao5.com/course/

前言

內容

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频