WechatIMG1.jpeg
WechatIMG2.png
WechatIMG3.png
先上代码了
// 枚举图表种类
enum class ChartItemtag(var index:Int){
GoalCompletion(0),
SalesFunnels(1),
RecentBusiness(2)
}
class DashBoardFragment : StructFragment() {
companion object{
val pageIds = PageId(10001,10002,10003)
}
data class PageId(var containerId:Int,var iconId:Int,var labelId:Int)
data class ItemChart(var title:String,var containerTag:Int,var iconcode:String,var iconcolor:String,var label:String)
val datasource:List? by lazy {
listOf(
ItemChart("销售情况",ChartItemtag.GoalCompletion.index,"\ue60d","#a1e3a1","销售目标完成情况"),
ItemChart("销售漏斗",ChartItemtag.SalesFunnels.index,"\ue619","#f08980","销售漏斗"),
ItemChart("近期商机",ChartItemtag.RecentBusiness.index,"\ue612","#a2b4fe","近期重点商机")
)
}
var arrowv:View?=null
val selectedList = listOf(
"全部仪表盘","绩效仪表盘","行为仪表盘","客户分析"
)
val selectedview:SelectedListView? by lazy {
val view = SelectedListView(context)
view.layoutParams = LinearLayout.LayoutParams(matchParent, matchParent)
view.list?.adapter = SelectedAdapter(selectedList)
view.together = arrowv
view
}
val alldashboard:RecyclerView? by lazy {
val recycler = RecyclerView(context)
val lpm = LinearLayoutManager(context)
lpm.orientation = LinearLayoutManager.VERTICAL
recycler.layoutManager = lpm
recycler.layoutParams = ViewGroup.LayoutParams(matchParent, matchParent)
recycler
}
override fun initProperties() {
super.initProperties()
title = "全部仪表盘"
}
override fun initView(inflater: LayoutInflater, container: ViewGroup, savedInstanceState: Bundle?) {
super.initView(inflater, container, savedInstanceState)
val container_ = LinearLayout(context)
container_.orientation = LinearLayout.VERTICAL
fragment_view = container_
}
override fun initUIChildView() {
super.initUIChildView()
val toolbarSearchId = 20003
toolbar = DeToolbar(context)
toolbar.title_view?.removeView(toolbar.title_tv)
toolbar.title_view?.addView(
context.linearLayout{
orientation = LinearLayout.HORIZONTAL
gravity = Gravity.CENTER
textView {
textSize = 20f
textColor = Color.WHITE
text = title
}.lparams { rightMargin = dip(3) }
textView {
id = toolbarSearchId
typeface = App.instance?.iconfont
textSize = 20f
textColor = Color.WHITE
text = "\ue60c"
}
}
)
arrowv = toolbar.title_view?.find(toolbarSearchId)
(fragment_view as LinearLayout).addView(toolbar)
val framelayout = FrameLayout(context)
framelayout.layoutParams = FrameLayout.LayoutParams(matchParent, matchParent)
framelayout.addView(alldashboard)
framelayout.addView(selectedview)
(fragment_view as LinearLayout).addView(framelayout)
alldashboard?.adapter = DashMenuAdapter(context,datasource!!);
}
override fun settingsDelegate() {
toolbar.title_view?.onClick {v->
selectedview?.toggle()
}
}
inner class SelectedAdapter(var datasource_: List?) : RecyclerView.Adapter() {
val tvId = 100001
override fun getItemCount(): Int = datasource_!!.size
override fun onBindViewHolder(holder: ViewHolder?, position: Int) {
val obj = datasource_!![position]
with(holder!!){
tv?.text = obj
}
}
override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): ViewHolder {
val layout = context.linearLayout {
gravity = Gravity.CENTER
background = resources.getDrawable(R.drawable.itempressed_draw)
textView {
padding = dip(15)
id = tvId
textSize = 16f
textColor = Color.BLACK
gravity = Gravity.CENTER
}.lparams{width = matchParent}
}
layout.layoutParams = LinearLayout.LayoutParams(matchParent, wrapContent)
parent?.addView(layout)
return ViewHolder(layout)
}
inner class ViewHolder(itemView: View?) : RecyclerView.ViewHolder(itemView) {
var tv: TextView? = itemView?.find(tvId)
}
}
}
ChartItemtag是图表的枚举种类
DashBoardFragment是列表页，StructFragment是自己封装的一个关于Fragment的生命周期的简单组件，
图表的具体展示是采用android的webview组合echart图表（为了配合ios的图表，这样省时省力）
DashWebViewFragment 是webview展示图表的Fragment
open abstract class DashWebViewFragment :StructFragment() {
data class PageId(
var toolbar_leftId:Int,var toobar_titleId:Int,
var toolbar_rightId:Int,var refreshId:Int,var webviewId:Int)
val pageids = PageId(R.id.left_tv, R.id.title_tv, R.id.right_tv,10001,10002);
val progressDialog:ProgressDialog? by lazy {
val progress = ProgressDialog(context)
progress.setMessage("页面加载中,请稍后")
progress.setCancelable(true)
progress
}
val chart: WebView? by lazy {
val webView = fragment_view.find(pageids.webviewId)
val settings = webView.settings
//设置webview
settings.setDefaultTextEncodingName("utf-8")
settings.setJavaScriptEnabled(true)
settings.setDisplayZoomControls(false)
settings.setSupportZoom(true)
settings.setBuiltInZoomControls(true)
settings.setUseWideViewPort(true)
settings.setLoadWithOverviewMode(true)
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN)
settings.setBlockNetworkImage(false)
settings.setLoadsImagesAutomatically(true)
webView.setWebViewClient(object :WebViewClient(){
override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) {
super.onPageStarted(view, url, favicon)
progressDialog?.show()
}
})
webView.setWebChromeClient(object : WebChromeClient() {
override fun onProgressChanged(view: WebView, newProgress: Int) {
super.onProgressChanged(view, newProgress)
if (newProgress >= 100) {
progressDialog?.dismiss()
calljsfunction()
}
}
})
webView.addJavascriptInterface(object : Any() {
@JavascriptInterface
fun alert(message:String) {
context.toast(message)
}
}, "baseObj")
webView
}
val refreshview:SwipeRefreshLayout? by lazy {
val refresh = fragment_view.find(pageids.refreshId)
refresh
}
override fun initView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?) {
super.initView(inflater, container, savedInstanceState)
fragment_view = context.verticalLayout {
weightSum = 5f
backgroundColor = resources.getColor(R.color.defaultgray)
include(R.layout.toolbar)
swipeRefreshLayout {
id = pageids.refreshId
webView {
id = pageids.webviewId
}.lparams { width = matchParent;height = matchParent; }
}.lparams { width = matchParent;height = matchParent;}
}
fragment_view.layoutParams = ViewGroup.LayoutParams(matchParent, matchParent)
}
override fun initUIChildView() {
super.initUIChildView()
with(fragment_view) {
find(R.id.title_tv)?.text = title
find(R.id.left_tv)?.onClick {
activity.finish()
}
}
}
override fun settingsDelegate() {
super.settingsDelegate()
refreshview?.setOnRefreshListener{
chart?.reload()
refreshview?.isRefreshing = false
}
}
override fun onResume() {
chart?.onResume()
chart?.reload()
super.onResume()
}
override fun onPause() {
super.onPause()
chart?.onPause()
}
override fun onDestroy() {
if (chart != null) {
chart?.destroy();
}
super.onDestroy()
}
abstract fun calljsfunction()
}
其他的比较容易理解，就不多说了