Android使用view仿支付宝月账单

 更新时间:2018年04月09日 08:34:39   作者:匡效国  
这篇文章主要为大家详细介绍了Android使用view仿支付宝月账单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前言

昨夜同门云集推杯又换盏,今朝茶凉酒寒豪言成笑谈。半生累,尽徒然,碑文完美有谁看,隐居山水之间誓与浮名散。

简介

今天给大家带来的是支付宝的月账单view的实现,看到标题,你可能会觉得是自定义view的相关实现,这里可能要让你失望了,因为这里我们用的是github上的一个开源项目。

1. 效果图

2. MPAndroidChart

我们用的是MPAndroidChart打开链接来实现的效果,它可以实现柱状图,饼状图等。

使用方法

1. 添加依赖

你可以选择在build.gradle中添加依赖。

dependencies {
  compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'
}

2. 引入library

当然也可以选择引入library。

3. xml引用

activity_main.xml

<com.github.mikephil.charting.charts.PieChart
    android:id="@+id/chart_view"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:layout_centerInParent="true" />


4. MainActivity

public class MainActivity extends AppCompatActivity {

  private static final float TEXT_SIZE = 18;
  private PieChart mPieChart;
  private List<MonthData> mMonthData;

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

    mPieChart = (PieChart) findViewById(R.id.chart_view);
    initData();
    initPieData();
  }

  private void initData() {
    mMonthData = new ArrayList<>();
    MonthData playing = new MonthData();
    playing.setLabel("娱乐");
    playing.setValue(213);
    MonthData pay = new MonthData();
    pay.setLabel("消费");
    pay.setValue(239);
    MonthData shopping = new MonthData();
    shopping.setLabel("网购");
    shopping.setValue(682);
    MonthData mobile = new MonthData();
    mobile.setLabel("线下");
    mobile.setValue(100);
    mMonthData.add(playing);
    mMonthData.add(pay);
    mMonthData.add(shopping);
    mMonthData.add(mobile);
  }

  private void initPieData() {
    PieData mPieData = new PieData();
    List<PieEntry> mEntry = new ArrayList<>();
    String mLabel = "其他";
    for (MonthData monthData : mMonthData) {
      PieEntry entry = new PieEntry(monthData.getValue(), monthData.getLabel());
      mEntry.add(entry);
    }
    PieDataSet mDataSet = new PieDataSet(mEntry, mLabel);
    mDataSet.setColors(Color.rgb(60, 179, 113), Color.rgb(255, 69, 0),
        Color.rgb(255, 185, 15), Color.rgb(30, 144, 255));
    mPieData.setDataSet(mDataSet);
    mPieData.setValueTextSize(TEXT_SIZE);
    mPieData.setValueTextColor(Color.WHITE);
    mPieChart.setDescription(new Description());
    mPieChart.setData(mPieData);
  }

}

这里,MonthData是我们自己定义的model,而initPieData()方法中的类都是用的MPAndroidChart中提供的,然后我们再进行简单的封装,并用其提供的api显示view。

5. MonthData

封装的model

public class MonthData {

  private String label;
  private float value;

  public String getLabel() {
    return label;
  }

  public void setLabel(String label) {
    this.label = label;
  }

  public float getValue() {
    return value;
  }

  public void setValue(float value) {
    this.value = value;
  }
}

总结

对于本次view的实现,虽然我们自己的东西很少,但至少可以让我们有所提高,做出来总比做不出来的好,也希望你能和我一样,每天提高一点,不为别的,充实就好。

源码下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android RadioButton单选框的使用方法

    Android RadioButton单选框的使用方法

    本篇文章小编为大家介绍,Android RadioButton单选框的使用方法。需要的朋友参考下
    2013-04-04
  • 浅谈Viewpager和轮播图的冲突解决方法

    浅谈Viewpager和轮播图的冲突解决方法

    下面小编就为大家带来一篇浅谈Viewpager和轮播图的冲突解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • Android缓存之DiskLruCache磁盘缓存的使用

    Android缓存之DiskLruCache磁盘缓存的使用

    这篇文章主要介绍了Android缓存之DiskLruCache磁盘缓存的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Flutter仿网易实现广告卡片3D翻转效果

    Flutter仿网易实现广告卡片3D翻转效果

    在逛网易新闻时,发现列表中的广告在你滑动的时候会有一个3D旋转的交互引你的注意。本文将利用Flutter实现这一效果,感兴趣的可以了解一下
    2022-04-04
  • Android自定义水平渐变进度条

    Android自定义水平渐变进度条

    这篇文章主要为大家详细介绍了Android自定义水平渐变进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Android Flutter实现仿闲鱼动画效果

    Android Flutter实现仿闲鱼动画效果

    目前正在做的项目,为了增加用户的体验度,准备增加一些动画效果。本文将通过Android Flutter实现仿闲鱼动画效果,感兴趣的可以尝试一下
    2023-02-02
  • Android仿微信图片点击全屏效果

    Android仿微信图片点击全屏效果

    这篇文章主要为大家详细介绍了Android仿微信图片点击全屏效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • Android实现简单旋转动画

    Android实现简单旋转动画

    这篇文章主要为大家详细介绍了Android实现简单旋转动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • flutter实现一个列表下拉抽屉的示例代码

    flutter实现一个列表下拉抽屉的示例代码

    本文主要介绍了flutter实现一个列表下拉抽屉的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • Android 安全加密:Https编程详解

    Android 安全加密:Https编程详解

    本文主要介绍Android安全加密Https编程的知识,这里整理了详细的资料及说明解决方案和验证,有兴趣的小伙伴可以参考下
    2016-09-09

最新评论