全村人的悄悄话

半年更系列回来了 MpAndroidChart的真好用 效果比较完全使用默认的配置进行展示, 默认效果 折线优化 四周优化 覆盖物优化 UI设计:源链接 可以看到相比于完全没有优化, 效果差的不是一点点 优化思路这里主要是ui优化, 除开整体元素设计来说, 页面风格适配就可以了. 不过我们可以将ui优化分为以下几个方向 上下这里需要一个下方的过渡效果即可 左右看起来没有需要优化的部分 中我们的折线图本体, 也是我们优化的重点 四周优化就如在优化思路中所说, ui优化需要适配这个页面的风格, 这里的四周(尤其是底部), 都是服务与想要表达的主体(折线图的), 实现起来页相对荣幸, 不需要考虑重叠动态计算相关位置的问题, 使用一个合适渐变就可以了. 折线图优化接下来是我们优化的重点部分, 也是我们页面信息显示的主题, 折线图. Y轴从效果看来, Y轴对我们来说是一个多余的元素, 我们将其移除即可, 不过为了整体的效果, 还是需要进行一个相关的设置. 12345678YAxis yAxis = binding.lcReportInfo.getAxisLef ...

最近又看到了一个前端项目Remix.run, 用起来感觉十分的舒服, 不过在使用的时候想查找一些资料却发现其在国内的资料寥寥无几, 也不成体系. 故考虑根据官方的教程进行初步的译制. 如发现任何问题, 欢迎沟通原文连接:https://remix.run/docs/en/v1/tutorials/blog相关其它Remix内容会继续跟进 Quickstart在这里, 我们将用简短的文件和代码进行介绍, 如果你想用15分钟了解Remix的全部内容, 这里是个不错的地方 💿 Hey I’m Derrick the Remix Compact Disc 👋 每当你应该做一些事情的时候, 你就会看到我 在这里我们使用了TypeScript, 但我们总是在完成了一些代码之后才确认方法.这不是我们的正常工作流程.为了不搞乱你们当中没有使用TypeScript那些人的代码.在开始的时候就确认了我们需要使用的代码(measure twice, cut once!) 创建项目💿 初始化一个新的Remix项目[^1] 1234npx create-remix@latest# 选择 Remix ...

最近又又又又换博客的地址了, 主要是发现了新的好用的工具Vercel, 又更新了一些相关内容, 刚好又遇到了一些问题 问题博客还是使用hexo进行搭建, 这次没有继续使用next的主题, 而是用来butterfly, 在进行busuanzi网站访客数量的统计的时候又发现了之前的问题, busuanzi没有初始化的功能(好像好几年了已经), 之前使用next的时候是使用的swig进行配置, 不过找到了相关的文章进行了修改, 一直使用到了现在, 所以同样的问题又出现了 :+1:不想看解决的过程, 直接看解决方法 解决过程首先是在butterfly的github的进行了沟通, 虽然没有具体的解决思路, 不过也得到了思路 其实这个问题并不困难, 思路也比较简单, 获取到当前的计数, 加上初始化的数量可以 解决方法先修改_config.yml下的busuanzi配置 123456789# busuanzi count for PV / UV in site# 訪問人數busuanzi:site_uv: truesite_pv: truepage_pv: true# 新增以下的配置init ...

每周一个自定义View-2-动态ProgressViewTip2 其实功能周一就已经实现了, 不过后面的内容感觉比功能的实现还繁琐 照理先看下效果, 这里可以看到, 随着进度的变化越快, tip偏移的角度也越大, 给人一种加速度高的感觉 设计过程静态分解这个view整体看来还是比较简单的, 可以分成背景和文字的展示 背景的话可以看做一个圆角矩形和一个等边三角形, 显示的文字的话只要让文字在矩形的中心显示就可以了 动画效果动画效果也比较简单, 根据当前需要变化的进度按照比例来旋转整体的角度即可 代码实现代码相对来说还是比较简单的, 就不分模块展示了 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273@Override protected void onDraw(Canvas canvas) { //绘制区域下移, 避免顶部动画时 ...

每周一个自定义View(1) -动态ProgressView 新的一个系列, 应该是计划每周实现一个自定义View, 看看能检查到多久吧 这次就从一个常见的ProgressBark开始吧, 最近的项目中使用了一个Progress显示文件下载进度的功能, 设计给的是一个静态的图片, 也没有说需要具体实现的情况, 后面优化的时候刚好有了性质, 就有了下面的这个AnimatorProgressBar. 效果展示 支持功能 基本的的进度设置(当前默认为0-100) 颜色定义, 使用的颜色都是可以设置的, 满足各样的ui需求 元素定义, 作为展示的Progress中的线条可以设置宽度和间距 动画控制, 动画效果可以设置展示速度, 总有一个组合适合你 设计过程 将相关的view分为了四层, 从下至上分别为 背景图层 用于显示整个view的背景 进度图层 相当于进度条的背景颜色 线段动画图层 在这里绘制出现的线段, 并控制器动画的效果 遮罩展示图层 这里使用了遮罩展示的方法, 控制遮罩图层的进度和样式来表现实际的展示效果 实现过程 首先是背景如果绘制的, 简单来说就是两个圆形和一个 ...

RobinAlgo - 可视化算法学习平台 正式上线了 !!! RobinAlgo - 可视化算法学习平台 正式上线了 !!!!!! RobinAlgo - 可视化算法学习平台 正式上线了 !!!!!! RobinAlgo - 可视化算法学习平台 正式上线了 !!!重要的事情要说三遍. 0. RobinAlgo是什么?->插入视频<- RobinAlgo通过简单的视频大家应该对RobinAlgo有一点点的了解了, 正如视频的介绍中, RobinAlgo是一个算法学习的平台, 通过RobinAlgo可以帮助你提供你的算法能力. RobinAlgo的优势 动画展示 每道题目都有针对当前题目而原创制作的动画, 通过可视化的动画帮助大家理解题解和算法的运行过程, 是帮助你高效学习的不二神器 手绘讲解视频 题目讲解的过程中根据思路实时绘制, 方便同步讲解的思路, 更快的理解算法内容 代码详解 每行代码都提供完整的代码, 更快的理解代码的实现 视频精简 不同于许多时长半小时起步的视频, 在视频后期制作中不断的调整内容, 保证每期视频时长都在十分钟左右, 精简但不简单, 视频的每分 ...

网页中实现长图固定宽高滚动展示 最近的事情比较多, 不能体系的整理相关资料, 所以开始多做一些小功能和解决小问题. 问题的来源是做网站的时候需要实现一个比较长的图片, 固定宽度, 默认显示图片顶部的内容, 图片有最大的高度, 当超过最大的高度的时候可以滚动展示. 避免整个页面因为图片拉伸的过长. 功能比较简陋也比较简单, 不过我在实现的时候耽误了不短的时间. 记录一下,简单的问题有时候思路容易陷入胡同中导致迟迟不能解决. 这里记录下, 希望可能帮到有需要的人 下面直接看下效果图 demo 比较简陋, 效果也很简单 12345<div style="width: 1000px; height: 400px; overflow-y: auto;"> <img src="http://image" style="width: 100%; overflow-y: auto;" /></div>