Android自定义控件-ZzWeatherView

Android自定义控件
  1. 1. ZzWeatherView
    1. 1.1. Gradle
    2. 1.2. 用法简介
      1. 1.2.1. drawable/scroll_bar_thumb.xml
      2. 1.2.2. 更新日志

ZzWeatherView

一个现实天气的控件

Gradle

1
compile 'me.zhouzhuo.zzweatherview:zz-weather-view:1.0.2'

效果图如下：

用法简介

1）布局

drawable/scroll_bar_thumb.xml

1
2
3
4
5
6
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient android:startColor="#33999999" android:endColor="#80aaaaaa"
        android:angle="0"/>
    <corners android:radius="6dp" />
</shape>
1
2
3
4
5
6
7
8
9
10
<me.zhouzhuo.zzweatherview.ZzWeatherView
    android:id="@+id/weather_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbarThumbHorizontal="@drawable/scroll_bar_thumb"
    android:scrollbarTrackHorizontal="@drawable/scroll_bar_thumb"
    android:scrollbarSize="4dp"
    android:background="#333"
    >
</me.zhouzhuo.zzweatherview.ZzWeatherView>

2）java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
ZzWeatherView weatherView = (ZzWeatherView) findViewById(R.id.weather_view);
  
//填充天气数据
weatherView.setList(generateData());
  
//画折线
weatherView.setLineType(ZzWeatherView.LINE_TYPE_DISCOUNT);
//画曲线(不够圆滑希望有更好的建议联系我(Email:admin@zhouzhuo810.me))
//weatherView.setLineType(ZzWeatherView.LINE_TYPE_CURVE);
  
//设置线宽
weatherView.setLineWidth(6f);
  
  
//设置一屏幕显示几列(最少3列)
try {
    weatherView.setColumnNumber(5);
} catch (Exception e) {
    e.printStackTrace();
}
  
//设置白天和晚上线条的颜色
weatherView.setDayAndNightLineColor(Color.BLUE, Color.RED);
  
  
//点击某一列
weatherView.setOnWeatherItemClickListener(new ZzWeatherView.OnWeatherItemClickListener() {
    @Override
    public void onItemClick(WeatherItemView itemView, int position, WeatherModel weatherModel) {
        Toast.makeText(MainActivity.this, position+"", Toast.LENGTH_SHORT).show();
    }
});
1
2
3
4
5
6
7
8
9
10
11
    //数据源
  WeatherModel model = new WeatherModel();
        model.setDate("12/07");//日期
        model.setWeek("昨天");  //星期
        model.setDayWeather("大雪"); //白天天气
        model.setDayTemp(11); //白天温度
        model.setNightTemp(5); //夜晚温度
        model.setNightWeather("晴"); //夜晚天气
        model.setWindOrientation("西南风"); //风向
        model.setWindLevel("3级"); //
        model.setAirLevel(AirLevel.EXCELLENT); //空气质量

更新日志

v 1.0.2

  • 添加设置曲线颜色方法；
  • 添加设置列的数量方法；

v 1.0.1

  • 修复曲线不圆滑问题；
Android
prev： next：