HoloGraphLibrary倒包加簡單使用

HoloGraphLibrary三方圖表框架

HoloGraphLibrary 說實話 我覺得很坑 
我下面說一下HoloGraphLibrary的簡單使用。從GitHub到自己的項目 。
先說一下東西:
GitHub官網地址:https://github.com/Androguide/HoloGraphLibrary
開發工具:android studio 2.2.3(2.3已出)
測試手機:夜神模擬器,金立

1、下載:

從GitHub官網clone項目到本地或者直接下載到本地:


下載下來解壓後的文件夾如下:


我們要用到的就是HoloGraphLibrary文件夾 

2、集成到我們的android studio

1、打開我們的android studio 
File - ->New - ->Import Module 


2、找到我們HoloGraphLibrary文件夾  finish


3、修改版本信息


對照着build.gradle(Moudle.app) 修改我們右邊的版本信息。


4、syn now 或者rebuild 一下工程 集成就ok了


OK,我們集成講完了 我們現在來說一下使用。

效果圖:

LineGraph:


Activity:

package com.wentong.administrator.holographdemo.activity;

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;

import com.echo.holographlibrary.Line;
import com.echo.holographlibrary.LineGraph;
import com.echo.holographlibrary.LinePoint;
import com.wentong.administrator.holographdemo.R;

/**
 * Created by Administrator on 2017/3/16.
 */
public class LineGraphActivity extends AppCompatActivity{

    LineGraph lineGraph ;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linegraph);

        initView() ;

    }

    private void initView() {
        lineGraph = (LineGraph) findViewById(R.id.act_lg_lineGraph) ;
        Line l = new Line();
        LinePoint p = new LinePoint();
        p.setX(0);
        p.setY(5);
        l.addPoint(p);
        p = new LinePoint();
        p.setX(3);
        p.setY(8);
        l.addPoint(p);
        p = new LinePoint();
        p.setX(6);
        p.setY(4);
        l.addPoint(p);
        p = new LinePoint();
        p.setX(9);
        p.setY(7);
        l.addPoint(p);
        p = new LinePoint();
        p.setX(12);
        p.setY(2);
        l.addPoint(p);
        l.setColor(Color.parseColor("#FFBB33"));

        lineGraph.addLine(l);
        lineGraph.setRangeY(0, 10);
        lineGraph.setLineToFill(0);
    }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.echo.holographlibrary.LineGraph
        android:id="@+id/act_lg_lineGraph"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

BarGraph:


Activity:

package com.wentong.administrator.holographdemo.activity;

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;

import com.echo.holographlibrary.Bar;
import com.echo.holographlibrary.BarGraph;
import com.wentong.administrator.holographdemo.R;

import java.util.ArrayList;

/**
 * Created by Administrator on 2017/3/16.
 */
public class BarGraphActivity extends AppCompatActivity{

    BarGraph barGraph ;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bargraph);

        initView() ;
    }

    private void initView() {
        barGraph = (BarGraph) findViewById(R.id.act_bg_barGraph) ;
        ArrayList<Bar> points = new ArrayList<Bar>();
        Bar d = new Bar();
        d.setColor(Color.parseColor("#99CC00"));
        d.setName("Test1");
        d.setValue(10);
        Bar d2 = new Bar();
        d2.setColor(Color.parseColor("#FFBB33"));
        d2.setName("Test2");
        d2.setValue(20);
        points.add(d);
        points.add(d2);

        barGraph.setBars(points);
        barGraph.setUnit("$");
    }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.echo.holographlibrary.BarGraph
        android:id="@+id/act_bg_barGraph"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

PieGraph:



Activity:

package com.wentong.administrator.holographdemo.activity;

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;

import com.echo.holographlibrary.PieGraph;
import com.echo.holographlibrary.PieSlice;
import com.wentong.administrator.holographdemo.R;

/**
 * Created by Administrator on 2017/3/16.
 */
public class PieGraphActivity extends AppCompatActivity{

    PieGraph pieGraph ;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_piegraph);

        initView() ;
    }

    private void initView() {
        pieGraph = (PieGraph) findViewById(R.id.act_pg_pieGraph) ;
        PieSlice slice = new PieSlice();
        slice.setColor(Color.parseColor("#99CC00"));
        slice.setValue(2);
        pieGraph.addSlice(slice);
        slice = new PieSlice();
        slice.setColor(Color.parseColor("#FFBB33"));
        slice.setValue(3);
        pieGraph.addSlice(slice);
        slice = new PieSlice();
        slice.setColor(Color.parseColor("#AA66CC"));
        slice.setValue(8);
        pieGraph.addSlice(slice);
    }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.echo.holographlibrary.PieGraph
        android:id="@+id/act_pg_pieGraph"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

OK! 

這篇沒有註解,因爲我寫的實在是太low。後面有好看的我會加上註解。








發佈了42 篇原創文章 · 獲贊 24 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章