Android 實(shí)現(xiàn)會(huì)旋轉(zhuǎn)的餅狀統(tǒng)計(jì)圖實(shí)例代碼
Android 實(shí)現(xiàn)會(huì)旋轉(zhuǎn)的餅狀統(tǒng)計(jì)圖實(shí)例代碼
最近在做一個(gè)項(xiàng)目,由于有需要統(tǒng)計(jì)的需要,于是就做成了下面餅狀統(tǒng)計(jì)圖。
下圖是效果圖:
大致思路是:
關(guān)于的介紹這里不做詳細(xì)介紹,如果想深入請(qǐng)點(diǎn)擊開源項(xiàng)目MPAndroidChart
下面是其實(shí)現(xiàn):
首先是添加MPAndroidChart依賴:
maven { url "https://jitpack.io" }
compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'
Mainactivity
package com.example.geekp.myapplication; import android.graphics.Color; import android.graphics.Typeface; import android.support.annotation.Nullable; import android.support.design.widget.TabLayout; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.os.Bundle; import android.text.SpannableString; import android.text.style.RelativeSizeSpan; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.Window; import android.view.WindowManager; import android.widget.TextView; import com.github.mikephil.charting.animation.Easing; import com.github.mikephil.charting.charts.PieChart; import com.github.mikephil.charting.components.Legend; import com.github.mikephil.charting.data.PieData; import com.github.mikephil.charting.data.PieDataSet; import com.github.mikephil.charting.data.PieEntry; import com.github.mikephil.charting.formatter.PercentFormatter; import com.github.mikephil.charting.utils.ColorTemplate; import java.util.ArrayList; import butterknife.BindView; import butterknife.ButterKnife; public class MainActivity extends AppCompatActivity { private SectionsPagerAdapter mSectionsPagerAdapter; private ViewPager mViewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //設(shè)置全屏 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); // Create the adapter that will return a fragment for each of the three // primary sections of the activity. mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager()); // Set up the ViewPager with the sections adapter. mViewPager = (ViewPager) findViewById(R.id.container); mViewPager.setAdapter(mSectionsPagerAdapter); getSupportActionBar().setTitle("餅狀統(tǒng)計(jì)圖"); TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.setupWithViewPager(mViewPager); } //fragment public static class PlaceholderFragment extends Fragment { @BindView(R.id.chart1) PieChart mChart; @BindView(R.id.tvXMax) TextView tvXMax; @BindView(R.id.tvYMax) TextView tvYMax; protected String[] mParties = new String[]{ "已完成", "未完成" }; protected Typeface mTfRegular; protected Typeface mTfLight; private static final String ARG_SECTION_NUMBER = "section_number"; public PlaceholderFragment() { } public static PlaceholderFragment newInstance(int sectionNumber) { PlaceholderFragment fragment = new PlaceholderFragment(); Bundle args = new Bundle(); args.putInt(ARG_SECTION_NUMBER, sectionNumber); fragment.setArguments(args); return fragment; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, false); ButterKnife.bind(this, rootView); int index = getArguments().getInt(ARG_SECTION_NUMBER); mTfRegular = Typeface.createFromAsset(getContext().getAssets(), "OpenSans-Regular.ttf"); mTfLight = Typeface.createFromAsset(getContext().getAssets(), "OpenSans-Light.ttf"); mChart.setUsePercentValues(true); mChart.getDescription().setEnabled(false); mChart.setExtraOffsets(5, 10, 5, 5); mChart.setDragDecelerationFrictionCoef(0.95f); mChart.setCenterTextTypeface(mTfLight); mChart.setCenterText(generateCenterSpannableText(index)); mChart.setDrawHoleEnabled(true); mChart.setHoleColor(Color.WHITE); mChart.setTransparentCircleColor(Color.WHITE); mChart.setTransparentCircleAlpha(110); mChart.setHoleRadius(58f); mChart.setTransparentCircleRadius(61f); mChart.setDrawCenterText(true); mChart.setRotationAngle(0); // enable rotation of the chart by touch mChart.setRotationEnabled(true); mChart.setHighlightPerTapEnabled(true); setData(index); mChart.animateY(1400, Easing.EasingOption.EaseInOutQuad); // mChart.spin(2000, 0, 360); Legend l = mChart.getLegend(); l.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP); l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT); l.setOrientation(Legend.LegendOrientation.VERTICAL); l.setDrawInside(false); l.setXEntrySpace(7f); l.setYEntrySpace(0f); l.setYOffset(0f); // entry label styling mChart.setEntryLabelColor(Color.WHITE); mChart.setEntryLabelTypeface(mTfRegular); mChart.setEntryLabelTextSize(12f); return rootView; } //餅狀圖中間要顯示的內(nèi)容 private SpannableString generateCenterSpannableText(int index) { String sectionName = ""; switch (index) { case 1: sectionName = "科目一"; break; case 2: sectionName = "科目二"; break; case 3: sectionName = "科目三"; break; case 4: sectionName = "科目四"; break; } SpannableString s = new SpannableString(sectionName); s.setSpan(new RelativeSizeSpan(1.7f), 0, sectionName.length(), 0); return s; } private void setData(int fragmentIndex) { ArrayList<PieEntry> entries = new ArrayList<PieEntry>(); PieDataSet dataSet = new PieDataSet(entries, "正確率:" + 25 + "%"); dataSet.setSliceSpace(3f); dataSet.setSelectionShift(5f); ArrayList<Integer> colors = new ArrayList<Integer>(); if (fragmentIndex == 1) { //這里寫的是餅狀圖的組成部分,像我這樣寫就是第一部分是占百分之七十五,第二部分是占了百分之二十五 entries.add(new PieEntry(75, mParties[0])); entries.add(new PieEntry(25, mParties[1])); for (int c : ColorTemplate.VORDIPLOM_COLORS) colors.add(c); } else if (fragmentIndex == 2) { entries.add(new PieEntry(50, mParties[0])); entries.add(new PieEntry(50, mParties[1])); colors.add(getResources().getColor(R.color.piecolor8)); colors.add(getResources().getColor(R.color.piecolor2)); } else if (fragmentIndex == 3) { entries.add(new PieEntry(45, mParties[0])); entries.add(new PieEntry(55, mParties[1])); colors.add(getResources().getColor(R.color.piecolor3)); colors.add(getResources().getColor(R.color.piecolor4)); } else { entries.add(new PieEntry(60, mParties[0])); entries.add(new PieEntry(40, mParties[1])); colors.add(getResources().getColor(R.color.piecolor5)); colors.add(getResources().getColor(R.color.piecolor6)); } colors.add(ColorTemplate.getHoloBlue()); dataSet.setColors(colors); //dataSet.setSelectionShift(0f); PieData data = new PieData(dataSet); data.setValueFormatter(new PercentFormatter()); data.setValueTextSize(11f); data.setValueTextColor(Color.BLACK); data.setValueTypeface(mTfLight); mChart.setData(data); // undo all highlights mChart.highlightValues(null); mChart.invalidate(); } } //適配器 public class SectionsPagerAdapter extends FragmentPagerAdapter { public SectionsPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return PlaceholderFragment.newInstance(position + 1); } @Override public int getCount() { return 4; } //這個(gè)方法用于顯示標(biāo)題 @Override public CharSequence getPageTitle(int position) { switch (position) { case 0: return "科目一"; case 1: return "科目二"; case 2: return "科目三"; case 3: return "科目四"; } return null; } } }
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.example.geekp.myapplication.MainActivity"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="@dimen/appbar_padding_top" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/AppTheme.PopupOverlay"> </android.support.v7.widget.Toolbar> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout>
fragment.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.github.mikephil.charting.charts.PieChart android:id="@+id/chart1" android:layout_marginTop="100dp" android:layout_width="match_parent" android:layout_height="match_parent" /> <TextView android:id="@+id/tvXMax" android:layout_width="50dp" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginBottom="15dp" android:layout_marginRight="10dp" android:gravity="right" android:textAppearance="?android:attr/textAppearanceMedium" /> <TextView android:id="@+id/tvYMax" android:layout_width="50dp" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginBottom="15dp" android:layout_marginRight="10dp" android:gravity="right" android:textAppearance="?android:attr/textAppearanceMedium" /> </RelativeLayout>
源碼傳送門:http://xiazai.jb51.net/201612/yuanma/piechart-master(jb51.net).rar
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- android自定義環(huán)形統(tǒng)計(jì)圖動(dòng)畫
- Android自定義條形對(duì)比統(tǒng)計(jì)圖
- Android自定義View實(shí)現(xiàn)多邊形統(tǒng)計(jì)圖示例代碼
- Android自定義View——扇形統(tǒng)計(jì)圖的實(shí)現(xiàn)代碼
- Android編程實(shí)現(xiàn)canvas繪制餅狀統(tǒng)計(jì)圖功能示例【自動(dòng)適應(yīng)條目數(shù)量與大小】
- Android編程實(shí)現(xiàn)canvas繪制柱狀統(tǒng)計(jì)圖功能【自動(dòng)計(jì)算寬高及分度值、可左右滑動(dòng)】
- Android自定義控件橫向柱狀統(tǒng)計(jì)圖
相關(guān)文章
Android仿ViVO X6 極速閃充動(dòng)畫效果
這篇文章主要介紹了Android仿ViVO X6 極速閃充動(dòng)畫效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07在Android中使用SQLite數(shù)據(jù)庫(kù)及其操作詳解
在?Android?開發(fā)中,使用?SQLite?數(shù)據(jù)庫(kù)是一種常見的持久化數(shù)據(jù)存儲(chǔ)方式,本文將通過(guò)代碼示例詳細(xì)講解如何在?Android?中創(chuàng)建數(shù)據(jù)庫(kù)表、插入數(shù)據(jù)、執(zhí)行查詢操作以及驗(yàn)證查詢結(jié)果,需要的朋友可以參考下2024-08-08Android中一種巧妙的drawable.xml替代方案分享
這篇文章主要給大家介紹了關(guān)于Android中一種巧妙的drawable.xml替代方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09Android開發(fā)中實(shí)現(xiàn)IOS風(fēng)格底部選擇器(支持時(shí)間 日期 自定義)
這篇文章主要介紹了Android開發(fā)中實(shí)現(xiàn)IOS風(fēng)格底部選擇器(支持時(shí)間 日期 自定義)的相關(guān)資料,需要的朋友可以參考下2016-11-11android studio library 模塊中正確引用aar的實(shí)例講解
下面小編就為大家分享一篇android studio library 模塊中正確引用aar的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01Android Shader應(yīng)用開發(fā)之雷達(dá)掃描效果
這篇文章主要為大家詳細(xì)介紹了Android Shader應(yīng)用開發(fā)之雷達(dá)掃描效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Android編程實(shí)現(xiàn)動(dòng)態(tài)支持多語(yǔ)言的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)動(dòng)態(tài)支持多語(yǔ)言的方法,涉及Android資源、控件及屬性相關(guān)操作技巧,需要的朋友可以參考下2017-06-06android中DatePicker和TimePicker的使用方法詳解
這篇文章主要介紹了android中DatePicker和TimePicker的使用方法,是Android中常用的功能,需要的朋友可以參考下2014-07-07Android TextView前增加紅色必填項(xiàng)星號(hào)*的示例代碼
TextView是一個(gè)完整的文本編輯器,但是基類為不允許編輯,其子類EditText允許文本編輯,這篇文章主要介紹了Android TextView前增加紅色必填項(xiàng)星號(hào)*的示例代碼,需要的朋友可以參考下2024-03-03