亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

一個酷炫的Android圖表制作框架

 更新時間:2017年03月27日 10:55:59   作者:DeveloperHaoz  
這篇文章主要為大家詳細介紹了一個酷炫的Android圖表制作框架,具有一定的參考價值,感興趣的小伙伴們可以參考一下

一、概述

最近項目中需要制作柱形圖以及折線圖,所以便在網(wǎng)上搜索了一下這方面的開源框架,最后找到了這個酷炫的框架,不僅支持各種各樣的圖形制作,包括折線圖、柱形圖、餅狀圖等,而且提供了豐富的API接口,等著你去自定義,只要花點心思便能 DIY 出你心儀的圖表類型,使用起來也是相當?shù)暮唵巍?/p>

炫酷的各種圖表

從效果圖可以看到,這個框架是相當酷炫的啊,在這里附上該框架的github地址hellocharts-android,有興趣的不妨去 star 一下

二、炫酷的柱形圖

炫酷的柱形圖

可以看到柱形圖也是能玩出花樣來的,絢麗的色彩,自定義的橫縱軸單位以及靈活的數(shù)值變化,無疑是相當吸引眼球的,就讓我們來看看怎么實現(xiàn)這些效果吧

1、最常見的柱形圖

常見的柱形圖

因為這個框架中各式各樣的效果實在太多,如果全部都寫的話,一篇博客實在是寫不了,所以就通過實現(xiàn)一個常見的柱形圖,以點帶面,希望能對大家掌握這個框架的使用有一定的幫助。

(1) 布局的實現(xiàn)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
 >

 <lecho.lib.hellocharts.view.ColumnChartView
  android:id="@+id/column_chart_cc"
  android:layout_width="match_parent"
  android:layout_height="300dp"
  android:layout_gravity="center"
  android:layout_centerInParent="true"
  />

</RelativeLayout>

可以看到直接將我們需要的控件放在我們想要的位置就行了,我們要實現(xiàn)的是柱形圖,對應的便是ColumnChartView,這里附上一份控件對應的效果

(2) Activity中主要的代碼

public class ColumnChartActivity extends AppCompatActivity {

 private ColumnChartView mColumnChartCc;

 private ColumnChartData data; // 柱形圖對應的各種屬性
 private boolean hasAxes = true; // 是否要添加橫縱軸的屬性
 private boolean hasAxesNames = true; // 是否設置橫縱軸的名字
 private boolean hasLabels = false; // 是否顯示柱形圖的數(shù)據(jù)
 private boolean hasLabelForSelected = false; // 是否點中顯示數(shù)據(jù)

 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_column);
  mColumnChartCc = (ColumnChartView) findViewById(R.id.column_chart_cc);
  mColumnChartCc.setOnValueTouchListener(new ValueTouchListener());
  generateSubcolumnsData();
 }

 private void generateSubcolumnsData() {

  int numSubcolumns = 1;
  int numColumns = 4; // 表示總共有四根柱子
  List<Column> columns = new ArrayList<Column>();
  List<SubcolumnValue> values; // 柱子的屬性
  List<AxisValue> axisValueList = new ArrayList<>();
  Float[] floats = {30f, 5f, 50f, 15f}; // 包含柱形圖的數(shù)值的數(shù)組
  String[] selecedNames = {"選項一", "選項二", "選項三", "選項四"}; // 包含柱子的名稱的數(shù)組

  for (int i = 0; i < numColumns; ++i) {

   values = new ArrayList<SubcolumnValue>();
   values.add(new SubcolumnValue(floats[i], ChartUtils.pickColor())); // 將柱子的數(shù)據(jù)以及顏色設置給 SubcolumnValue
   axisValueList.add(new AxisValue(i).setLabel(selecedNames[i]));
   Column column = new Column(values); // 設置整根柱子的屬性
   column.setHasLabels(hasLabels); // 是否顯示柱子的數(shù)據(jù)
   column.setHasLabelsOnlyForSelected(hasLabelForSelected); // 是否選中顯示數(shù)據(jù),一般為false
   columns.add(column);
  }

  data = new ColumnChartData(columns);
  data.setAxisXBottom(new Axis(axisValueList)); // 設置 Y 軸的屬性
  data.setAxisYLeft(new Axis()); // 設置 X 軸的屬性
  mColumnChartCc.setColumnChartData(data); // 將數(shù)據(jù)設置給顯示柱形圖的控件

 }

}

先定義一些我們后面需要用到的屬性,在onCreate進行布局的初始化,可以看到我們想要實現(xiàn)的效果都封裝在 generateSubcolumnsData 這個方法中,這個方法主要實現(xiàn)了這幾個方面的設置

- 先設定我們總共要多少根柱子
- 通過遍歷,將各根柱子的數(shù)值、顏色以及對應的名稱進行設置
- 最后設置橫縱軸的數(shù)值以及名稱

除了以上操作之外,還有其他比較好看的效果,比如雙擊放大柱形圖、設置網(wǎng)狀的背景、點擊柱子跳出我們想要顯示的內(nèi)容,這些我們都可以方便地進行定義

(3) 比較常用的API和屬性

以上便是這篇博客的所有內(nèi)容,最后附上柱形圖的源代碼HelloChartDemo,有興趣的可以去下載,如果覺得對你有點幫助的話,就賞個star吧。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Android Viewpager實現(xiàn)輪播廣告圖

    Android Viewpager實現(xiàn)輪播廣告圖

    這篇文章主要為大家詳細介紹了Android Viewpager實現(xiàn)輪播廣告圖,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-05-05
  • Android實現(xiàn)簡易計算器(可以實現(xiàn)連續(xù)計算)

    Android實現(xiàn)簡易計算器(可以實現(xiàn)連續(xù)計算)

    這篇文章主要為大家詳細介紹了Android實現(xiàn)簡易計算器,可以實現(xiàn)連續(xù)計算,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • Android控件之使用ListView實現(xiàn)時間軸效果

    Android控件之使用ListView實現(xiàn)時間軸效果

    這篇文章主要介紹了Android基礎控件之使用ListView實現(xiàn)時間軸效果的相關資料,本文是以查看物流信息為例,給大家介紹了listview時間軸的實現(xiàn)代碼,需要的朋友可以參考下
    2016-11-11
  • Android Activity 入門簡介

    Android Activity 入門簡介

    Activity 是一個應用組件,用戶可與其提供的屏幕進行交互,以執(zhí)行撥打電話、拍攝照片、發(fā)送電子郵件或查看地圖等操作,這篇文章主要介紹了Android Activity入門基礎知識,需要的朋友可以參考下
    2024-04-04
  • MPAndroidChart 自定義圖表繪制使用實例

    MPAndroidChart 自定義圖表繪制使用實例

    這篇文章主要為大家介紹了MPAndroidChart 自定義圖表繪制使用實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • Android編程之簡單計時器實現(xiàn)方法

    Android編程之簡單計時器實現(xiàn)方法

    這篇文章主要介紹了Android編程之簡單計時器實現(xiàn)方法,涉及Android開發(fā)中ContextMenu及Chronometer的相關使用技巧,需要的朋友可以參考下
    2016-01-01
  • Android實現(xiàn)炫酷的網(wǎng)絡直播彈幕功能

    Android實現(xiàn)炫酷的網(wǎng)絡直播彈幕功能

    這篇文章主要為大家詳細介紹了Android仿網(wǎng)絡直播彈幕功能的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • android獲取照片的快照 思路及實現(xiàn)方法

    android獲取照片的快照 思路及實現(xiàn)方法

    android獲取照片的快照 思路及實現(xiàn)方法,需要的朋友可以參考一下
    2013-06-06
  • 老生常談onTouch和onTouchEvent(必看篇)

    老生常談onTouch和onTouchEvent(必看篇)

    下面小編就為大家?guī)硪黄仙U刼nTouch和onTouchEvent(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03
  • Android底部菜單簡單應用

    Android底部菜單簡單應用

    這篇文章主要為大家詳細介紹了Android底部菜單簡單應用,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02

最新評論