1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Android开源的精美日历控件 热插拔设计的万能自定义UI 看完直接怼产品经理

Android开源的精美日历控件 热插拔设计的万能自定义UI 看完直接怼产品经理

时间:2018-10-19 11:25:28

相关推荐

Android开源的精美日历控件 热插拔设计的万能自定义UI 看完直接怼产品经理

<attr name="current_month_text_color" format="color" /> <!--当前月份的字体颜色--><attr name="other_month_text_color" format="color" /> <!--其它月份的字体颜色--><attr name="current_month_lunar_text_color" format="color" /> <!--当前月份农历节假日颜色--><attr name="other_month_lunar_text_color" format="color" /> <!--其它月份农历节假日颜色--><attr name="min_year" format="integer" /> <!--最小年份1900--><attr name="max_year" format="integer" /> <!--最大年份2099-->

```

XML用法

如果需要在日历控件下方使用其它控件,使用CalendarLayout控件即可,calendar_content_view_id为其它控件的id,支持任意控件,如RecyclerView、ListView。CalendarView的calendar_card_view为任意自定义实现的日历绘制控件路径。

<com.haibin.calendarview.CalendarLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:background="#fff"app:calendar_content_view_id="@+id/linearView"><com.haibin.calendarview.CalendarViewandroid:id="@+id/calendarView"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#fff"app:current_month_text_color="#333333"app:current_month_lunar_text_color="#CFCFCF"app:min_year=""app:other_month_text_color="#e1e1e1"app:scheme_text_color="#333"app:scheme_theme_color="#128c4b"app:selected_lunar_text_color="#CFCFCF"app:calendar_card_view="com.haibin.calendarviewproject.meizu.MeiZuCalendarCardView"app:selected_text_color="#333"app:selected_theme_color="#108cd4"app:week_background="#fff"app:week_text_color="#111" /><LinearLayoutandroid:id="@+id/linearView"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/content_background"android:clickable="true"android:orientation="vertical"tools:ignore="KeyboardInaccessibleWidget"/></LinearLayout></com.haibin.calendarview.CalendarLayout>

熟悉一下这几个简单的特性,看看日历内容界面的绘制BaseCalendarCardView,根据需求实现以下部分方法即可

/*** 开始绘制前的回调钩子,这里做一些初始化的操作,每次绘制只调用一次,性能高效* 没有需要可忽略不实现* 例如:* 1、需要绘制圆形标记事件背景,可以在这里计算半径* 2、绘制矩形选中效果,也可以在这里计算矩形宽和高*/protected void onPreviewHook() {// TODO: /11/16}/*** 循环绘制开始的回调,不需要可忽略* 绘制每个日历项的循环,用来计算baseLine、圆心坐标等都可以在这里实现** @param x 日历Card x起点坐标* @param y 日历Card y起点坐标*/protected void onLoopStart(int x, int y) {// TODO: /11/16 }/*** 绘制选中的日期** @param canvas canvas* @param calendar 日历日历calendar* @param x 日历Card x起点坐标* @param y 日历Card y起点坐标* @param hasScheme hasScheme 非标记的日期*/protected abstract void onDrawSelected(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme);/*** 绘制标记的日期UI** @param canvas canvas* @param calendar 日历calendar* @param x 日历Card x起点坐标* @param y 日历Card y起点坐标*/protected abstract void onDrawScheme(Canvas canvas, Calendar calendar, int x, int y);/*** 绘制日历文本** @param canvascanvas* @param calendar 日历calendar* @param x日历Card x起点坐标* @param y日历Card y起点坐标* @param hasScheme 是否是标记的日期* @param isSelected 是否选中*/protected abstract void onDrawText(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme, boolean isSelected);

举个例子:如果你的需求是类似魅族日历的UI,那么第一步,继承BaseCalendarCardView,然后实现onDrawSelected、onDrawScheme、onDrawText三个回调函数即可

public class MeiZuCalendarCardView extends BaseCalendarCardView {private Paint mTextPaint = new Paint();private Paint mSchemeBasicPaint = new Paint();private float mRadio;private int mPadding;private float mSchemeBaseLine;public MeiZuCalendarCardView(Context context) {super(context);mTextPaint.setTextSize(dipToPx(context, 8));mTextPaint.setColor(0xff111111);mTextPaint.setAntiAlias(true);mTextPaint.setFakeBoldText(true);mSchemeBasicPaint.setAntiAlias(true);mSchemeBasicPaint.setStyle(Paint.Style.FILL);mSchemeBasicPaint.setTextAlign(Paint.Align.CENTER);mSchemeBasicPaint.setColor(0xffed5353);mSchemeBasicPaint.setFakeBoldText(true);mRadio = dipToPx(getContext(), 7);mPadding = dipToPx(getContext(), 4);Paint.FontMetrics metrics = mSchemeBasicPaint.getFontMetrics();mSchemeBaseLine = mRadio - metrics.descent + (metrics.bottom - metrics.top) / 2 + dipToPx(getContext(), 1);}/*** 绘制选中的日期** @param canvas canvas* @param calendar 日历日历calendar* @param x 日历Card x起点坐标* @param y 日历Card y起点坐标* @param hasScheme hasScheme 非标记的日期*/@Overrideprotected void onDrawSelected(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme) {mSelectedPaint.setStyle(Paint.Style.FILL);mSelectedPaint.setColor(0x80cfcfcf);canvas.drawRect(x + mPadding, y + mPadding, x + mItemWidth - mPadding, y + mItemHeight - mPadding, mSelectedPaint);}/*** 绘制标记的日期UI 这里魅族界面不需要绘制多彩风格,忽略即可** @param canvas canvas* @param calendar 日历calendar* @param x 日历Card x起点坐标* @param y 日历Card y起点坐标*/@Overrideprotected void onDrawScheme(Canvas canvas, Calendar calendar, int x, int y) {}/*** 绘制日历文本** @param canvascanvas* @param calendar 日历calendar* @param x日历Card x起点坐标* @param y日历Card y起点坐标* @param hasScheme 是否是标记的日期* @param isSelected 是否选中*/@Overrideprotected void onDrawText(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme, boolean isSelected) {int cx = x + mItemWidth / 2;int top = y - mItemHeight / 6;if (hasScheme) {//绘制日期canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,calendar.isCurrentDay() ? mCurDayTextPaint :calendar.isCurrentMonth() ? mSchemeTextPaint : mOtherMonthTextPaint);//绘制农历canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + y + mItemHeight / 10, mCurMonthLunarTextPaint);mTextPaint.setColor(Color.WHITE);mSchemeBasicPaint.setColor(calendar.getSchemeColor());//绘制圆圈canvas.drawCircle(x + mItemWidth - mPadding - mRadio / 2, y + mPadding + mRadio, mRadio, mSchemeBasicPaint);//绘制事件文本canvas.drawText(calendar.getScheme(), x + mItemWidth - mPadding - mRadio, y + mPadding + mSchemeBaseLine, mTextPaint);} else {canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,calendar.isCurrentDay() ? mCurDayTextPaint :calendar.isCurrentMonth() ? mCurMonthTextPaint : mOtherMonthTextPaint);canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + y + mItemHeight / 10, mCurMonthLunarTextPaint);}}/*** dp转px** @param context context## 总结**其实要轻松掌握很简单,要点就两个:**1. 找到一套好的视频资料,紧跟大牛梳理好的知识框架进行学习。2. 多练。 (视频优势是互动感强,容易集中注意力)**你不需要是天才,也不需要具备强悍的天赋,只要做到这两点,短期内成功的概率是非常高的。**对于很多初中级Android工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。> 以上就是总结的关于在面试的一些总结,希望对大家能有些帮助,除了这些面试中需要注意的问题,当然最重要的就是刷题了,这里放上我之前整理的一份超全的**面试专题PDF**,大家有兴趣的可以自行领取或者私信我:还有**高级架构技术进阶脑图、Android开发面试专题资料**,高级进阶架构资料 帮助大家学习提升进阶,也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。**[CodeChina开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》](/m0_60958482/android_p7)****【Android核心高级技术PDF文档,BAT大厂面试真题解析】**![](https://img-/img_convert/68f77fa1d30e2d9712d53868d4d26e74.png)提升进阶,也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。**[CodeChina开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》](/m0_60958482/android_p7)****【Android核心高级技术PDF文档,BAT大厂面试真题解析】**[外链图片转存中...(img-23fy2iJm-1630654267748)]> 这里只是整理出来的部分面试题,后续会持续更新,希望通过这些高级面试题能够降低面试Android岗位的门槛,让更多的Android工程师理解Android系统,掌握Android系统。喜欢的话麻烦点击一个喜欢在关注一下~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。