安卓漫漫路之Echarts顯示k線圖.

項目中有k線圖的需求.想到了Echarts.        Echarts中文官網

大家肯定都知道安卓WebView可以去承載服務器網頁,並且也可以顯示本地網頁;

如果顯示本地網頁大家沒有接觸過的話可以查看我之前這篇文章:加載本地網頁(內附WebViewSettings大全),

他會告訴您怎麼用webview加載本地網頁.

言歸正傳咱們的Echarts之K線圖Demo.很簡單,代碼如下:

public class MainActivity extends AppCompatActivity {

    private WebView webview;
//    @Override
//    protected void onResume() {
//        /**
//         * 設置爲橫屏
//         */
//        if(getRequestedOrientation()!= ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE){
//            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
//        }
//        super.onResume();
//    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        requestWindowFeature(Window.FEATURE_NO_TITLE);//隱藏標題
//        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
//                WindowManager.LayoutParams.FLAG_FULLSCREEN);//設置全屏
        setContentView(R.layout.activity_main);
        webview = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = webview.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setLoadWithOverviewMode(true);
        webSettings.setUseWideViewPort(true);
        webSettings.setJavaScriptEnabled(true);
        webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH);//提高渲染的優先級
        webSettings.setBlockNetworkImage(true);  //3.0之後的硬件加速
        webSettings.setDomStorageEnabled(true);
        webview.setInitialScale(100);
        webview.loadUrl("file:///android_asset/demo.html");
    }
}  

佈局文件如下:

<?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_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.demo_echarts.MainActivity">

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

真的是很炫酷,很方便.大家可以下載Demo運行看下效果,並且可以拖拽移動查看.

項目直達下載通道爲:   Demo_Echarts

如有問題請多指正,您的指正使我更我正確的前行.