【原】Android自定义控件之天气视图

地址：http://www.jianshu.com/p/cc910f716950

 Github传送门：https://github.com/zhouzhuo810/ZzWeatherView

(欢迎start！)

1

Gradle

compile 'me.zhouzhuo.zzweatherview:zz-weather-view:1.0.0'

2

效果图如下：

3

用法简介：

1）布局

drawable/scroll_bar_thumb.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas./apk/res/android">    <gradient android:startColor="#33999999" android:endColor="#80aaaaaa"        android:angle="0"/>    <corners android:radius="6dp" /></shape>

<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

ZzWeatherView weatherView = (ZzWeatherView) findViewById(R.id.weather_view);        //填充天气数据        weatherView.setList(generateData());        //画折线        weatherView.setLineType(ZzWeatherView.LINE_TYPE_DISCOUNT);        //画曲线(不够圆滑希望有更好的建议联系我(Email:[e-mail]))        //weatherView.setLineType(ZzWeatherView.LINE_TYPE_CURVE);        //设置线宽        weatherView.setLineWidth(6f);        //点击某一列        weatherView.setOnWeatherItemClickListener(new ZzWeatherView.OnWeatherItemClickListener() {            @Override            public void onItemClick(WeatherItemView itemView, int position, WeatherModel weatherModel) {                Toast.makeText(MainActivity.this, position+"", Toast.LENGTH_SHORT).show();            }        });

//数据源  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); //空气质量

END

我，还在分享