目錄
一步一步教你寫股票走勢圖——分時圖一(概述)
一步一步教你寫股票走勢圖——分時圖二(自定義xy軸)
一步一步教你寫股票走勢圖——分時圖三(對齊圖表、自定義柱狀圖高亮)
一步一步教你寫股票走勢圖——分時圖四(高亮聯(lián)動)
一步一步教你寫股票走勢圖——分時圖五(自定義標(biāo)記)
一步一步教你寫股票走勢圖——K線圖一(概述)
一步一步教你寫股票走勢圖——K線圖二(圖表聯(lián)動)
一步一步教你寫股票走勢圖——K線圖三(添加均線)
一步一步教你寫股票走勢圖——K線圖四(高亮聯(lián)動一)
一步一步教你寫股票走勢圖——K線圖五(高亮聯(lián)動二)
demo更新地址https://github.com/AndroidJiang/StockChart
k線圖的第二節(jié)末尾,已經(jīng)初步講解了高亮聯(lián)動嘀粱,但是效果沒有達(dá)到我們的預(yù)期类垦,因?yàn)閗線圖本身就支持左右滾動磨澡,所以在滾動高亮的時候就出現(xiàn)了沖突懊直,我們那會只實(shí)現(xiàn)了點(diǎn)擊圖表指巡,實(shí)現(xiàn)高亮的展示淑履,但是效果還是太差,所以才有了我們今天這節(jié)的內(nèi)容藻雪,將會優(yōu)化體驗(yàn)效果秘噪。
點(diǎn)擊屏幕然后左右滾動屏幕完成圖表的滾動,這個效果得保留勉耀,那么高亮滾動我們最好還是在長按圖表后進(jìn)行顯示指煎,然后滾動實(shí)現(xiàn)高亮的滾動效果,也就是一般股票走勢圖所展示的那種效果(不清楚可以查看自選股的操作方式)便斥。
我們要想長按后實(shí)現(xiàn)高亮效果至壤,我們得重寫他的長按方法,我們在BarLineChartTouchListener中找到了onLongPress方法枢纠,我們在長安后像街,設(shè)置觸摸形式為高亮,然后在具體的touch事件中進(jìn)行處理晋渺,比如在action_down中镰绎,設(shè)置highlight為true,這里不打算貼代碼木西,具體的可查看demo畴栖,最后在activity中監(jiān)聽選中事件。
barChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
@Override
public void onValueSelected(Entry e, int dataSetIndex, Highlight h) {
combinedchart.highlightValues(new Highlight[]{h});
}
@Override
public void onNothingSelected() {
}
});
combinedchart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
@Override
public void onValueSelected(Entry e, int dataSetIndex, Highlight h) {
barChart.highlightValues(new Highlight[]{h});
}
@Override
public void onNothingSelected() {
}
});
我們來運(yùn)行看下效果撒八千!
效果不錯滴吗讶,但是當(dāng)我滑動下面柱狀圖的時候,上面卻聯(lián)動不了恋捆,這是個小bug照皆,希望哪位讀者測試完之后能給出解決方案,博主在這里先謝謝啦鸠信!
目錄
一步一步教你寫股票走勢圖——分時圖一(概述)
一步一步教你寫股票走勢圖——分時圖二(自定義xy軸)
一步一步教你寫股票走勢圖——分時圖三(對齊圖表纵寝、自定義柱狀圖高亮)
一步一步教你寫股票走勢圖——分時圖四(高亮聯(lián)動)
一步一步教你寫股票走勢圖——分時圖五(自定義標(biāo)記)
一步一步教你寫股票走勢圖——K線圖一(概述)
一步一步教你寫股票走勢圖——K線圖二(圖表聯(lián)動)
一步一步教你寫股票走勢圖——K線圖三(添加均線)
一步一步教你寫股票走勢圖——K線圖四(高亮聯(lián)動一)
一步一步教你寫股票走勢圖——K線圖五(高亮聯(lián)動二)
demo更新地址https://github.com/AndroidJiang/StockChart