react 实现左右滑动效果_WebView+Highcharts实现可左右滑动的折线图

    大家好，我是小黑，一个还没秃头的程序员~~~

    穷则思变，差则思勤，小黑又来分享自己的文章了，希望喜欢的小伙伴可以分享、点赞、收藏，也可以关注一下，谢谢大家的支持！

    今天的内容是使用Android原生webview配合Highcharts开发折线图左右滑动的功能，折线图有很多优秀的第三方库可以使用，比如MPAndroidChart、Highcharts，MPAndroidChart可以通过拉伸折线图界面进行滑动折线图，亲测有效，现在我要讲的是如何使用内嵌html页面进行滑动折线图的开发。效果以及源码目录结构如下图，源码地址：https://gitee.com/fjjxxy/slide-line-demo.git

开发的思路如下：

1.编写activity，内含一个webview控件2.编写工具类，与js进行交互，传输一些数据(例如网络请求需要的参数)3.编写html与js代码，通过Android与js约定好的方法名进行数据的获取，完成Android与js的交互4.调整html中div的宽度，达到自己想要的滑动以及折线图效果

(一)设计Android端的View层

activity_main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.co