预览
implementation库
1 | [versions] |
小白鼠实验结束…
Niki-1.0.1.msi： https://www.alipan.com/s/uC9Fs22X4CB
提取码: 2s8t
1 | │ .editorconfig |
1 | [versions] |
记录两篇练习Compose
真的是越来越好了
质变来了？
期待Ing
1 | [versions] |
1 | │ .gitignore |
https://github.com/android/nowinandroid
https://www.wanandroid.com/blog/show/2
补更预览图 230518
明明每天都很忙，2022年就又没，太“兔”然了。
分享“一个”的Compose的样例，也是我最近手撸的一个App，来“兔”击一下
其实有人看的话也仅仅是看个结果而已，所以就不分享些细细碎碎的实现过程了，直接上干货，效果图+依赖包+接口，最后再附上我项目的结构树图
视频合辑这个Item上面的遮罩层一直没找到很好的方法，所以有自己撸了一个库来支持，特此也写一章
PASS找实现快捷方法的心酸历程。。。
仔细细扫网易云App，发现它的这层模糊效果是直接模糊了图片叠加在上面的，想到的就是通过google RenderScript来实现
1 | /** |
中间镂空状态是通过Canvas.clipPath()剪切来达到效果
1 | //画遮罩的颜色 |
四边上的装饰边线也是通过Path()描绘四边绘制实现
1 | val rectF = RectF() |
通过实现这些的前奏，再稍加修饰调整属性，最终得到想要的效果：
1 | <com.xuie0000.hollowout.drawable.HollowOutShapeableImageView |
https://github.com/xuie0000/hollowout-drawable
https://zhuanlan.zhihu.com/p/329825945
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0816/6543.html
https://developer.android.com/guide/topics/renderscript/compute.html
昨天没事又扫了一下，发现NeteaseCloudMusicApi有更新接口，还是视频的
精选视频添加起来还是很不错的，惊喜一，因为都是使用Kotlin已经不再使用Rxjava2了，在寻找定时触发替代品时发现了ticker，惊喜二，有钱就是了不起，播放在线不卡。。。我自己搭过阿里视频服务器4M宽带，播放时卡成狗
9-7c399480-dc43-11eb-9085-629d78835e8f.gif)
精选视频的的实现是通过ViewPager2+SimpleExoPlayer实现的
将ViewPager2修改为纵向滑动
1 | <androidx.viewpager2.widget.ViewPager2 |
播放视频
1 | private fun prepareVideoPlayer() { |
进度条更新采用ticker实现，很不错的方式，个人比较喜欢
初始化
1 |
|
调用
1 | lifecycleScope.launch { |
https://stackoverflow.com/questions/54827455/how-to-implement-timer-with-kotlin-coroutines/54828055
https://codelabs.developers.google.com/codelabs/exoplayer-intro
剩下的3个页面一直没有动，其一没有想好接口的处理，接口相比homepage来说都太鸡肋，其二是好些接口都没有找到，目前看仅音乐播放开放了
目前本页仅起了个头，用ViewPager2+Tablayout布局
1 | <androidx.appcompat.widget.Toolbar |
1 | <!--设置TabLayout Text Style--> |
网易出口MV/mv/exclusive/rcmd接口是用paging3来实现，整体播放流畅性不错（服务器6）
1 | private val adapter by lazy { MvPagingAdapter { startActivity(it) } } |
https://developer.android.com/guide/navigation/navigation-swipe-view-2#add_tabs_using_a_tablayout
https://juejin.cn/post/6844903860587200526
后面我会改掉，还是要和recover页一样，通过一个recyclver装载不同的Item来展示，特别是收尾的地方，先放代码好工作去了
简单的使用了两个RecyclverView来实现的，整体轮廓：
难点就是“我喜欢”的音乐找类型不好找，it.specialType == 5@@@——@
监听AppBarLayout滚动变化来显示Title
1 | appBar.addOnOffsetChangedListener(object : AppBarStateChangeListener() { |
完整Layout
1 |
|
new add
歌单这页实现功能有两个点分享
1 | itemView.apply { |
跳进不同专辑歌单，StatusBar背景色动态改变采用Palette取色修正，加载Image是用了coil
1 | val request = ImageRequest.Builder(this@PlayListActivity) |
起先这里我是使用了模糊效果，但效果不太好看，还是取色更贴近
由图片可以看到底部的弧线，我是通过重写了AppCompatImageView再通过Xfermode来剪切来实现的，有了主要想法那就好说了
首先要有一个弧度轮廓来填装图片，通过Path画出来
1 | override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) { |
然后就是通过PorterDuff.Mode.SRC_IN剪切交集部分留下Src完成图片就剪切
1 | private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply { |
补：滚动时恢复原图片
1 | appBar.addOnOffsetChangedListener(object : AppBarStateChangeListener() { |
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0816/6543.html
https://developer.android.com/guide/topics/renderscript/compute.html
https://github.com/coil-kt/coil
https://android.googlesource.com/platform/development/+/master/samples/ApiDemos/src/com/example/android/apis/graphics/Xfermodes.java
SearchView来作为搜索框，但样式一直都改不到和网易云一样，后面是用EditText来实现先上效果图
搜索框其实是有两个，一个是在“发现”页中点击跳转的控件，另一个就是跳转之后的搜索框
发现中的是将一个TextView放置在Toolbar中来实现的
1 | <androidx.appcompat.widget.Toolbar |
真正的搜索框是EditText的演变ClearableEditText，这里需要将输入框修正为actionSearch，响应的时候就可以直接监听事件
1 | <androidx.appcompat.widget.Toolbar |
响应事件EditorInfo.IME_ACTION_SEARCH
1 | binding.search.setOnEditorActionListener { v, actionId, event -> |
ClearableEditText的实现
ClearableEditText是我以前看博文记下的忘记哪位大能写的了。。。搜索了一下文章也无踪迹
1 | class ClearableEditText : AppCompatEditText, View.OnTouchListener, View.OnFocusChangeListener, |
布局可以看到有两个不同的Layout，这里没有使用Fragemnt或其他感知控件，就是普通的两个View之间切换 - -
1 | private fun showSearchResult(visible: Boolean) { |
如果有人有不一样的想法感谢留言！
因为我总觉得这样写的代码不够好看，但没有更好的想法
https://developer.android.com/guide/topics/search/search-dialog
]]>侧滑页的实现就比较简单了，将布局app:menu替换为内部Layout：
1 | app:headerLayout="@layout/nav_header_main" |
to
1 |
|
修改完后发现测滑的宽度不够，可以通过代码来修改宽度
1 | val params: ViewGroup.LayoutParams = binding.navView.layoutParams |
修正完后就能达到我们想要的展开比例，有一点不好就是写布局的时候，预览还是以全屏的方式显示
再就是这里实现的登录动作也是用BottomSheetDialogFragment实现的，需要设置Style为TransBottomSheetDialogStyle，因为背景的圆角显示需要将Style改为透明
想自己写一个也有一大因素是Github上的高仿基本没看到使用Exoplayer来实现
UI已经有一页了，优先实现的就是播放功能
播放功能包含播放器和播放UI，具体实现结构如下：
先添加播放需要的依赖库
1 | implementation "androidx.media:media:1.3.1" |
实现是迁移了uamp的代码，将JsonSource.kt替换成了NeteaseSource.kt，其他和原生一模一样
1 | . |
播放器的添加整个工程的骨架感觉就支棱起来，可以愉快的添加想要的功能了
播放页的时候有一个小播放器和一个全屏播放页，小的播放器是一个普通的UI，嵌入在Activity中，全屏播放页是用BottomSheetDialogFragment实现的
小的播放器布局比较容易布局，需要注意的是将LinearLayout替换ConstraintLayout布局，因为要专辑图标的android:clipChildren="false"扩展绘制在ConstraintLayout上是失效
1 | <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" |
全屏页的布局略过，添加的点是UI滑下来时，后面模糊背景去掉，修正为透明
1 | <!-- 弹出BottomSheetDialog背景不变暗 https://www.jianshu.com/p/7fcec871ea36 --> |
1 | override fun onCreate(savedInstanceState: Bundle?) { |
https://www.jianshu.com/p/7fcec871ea36
https://www.jianshu.com/p/c339dd2e9ef8
https://www.jianshu.com/p/e460d4b47dd4
https://github.com/android/uamp
发现页的设计不难发现是一个Recyclver实现的布局，不一样的地方就是每个Item都不相同，包含Banner、List、Title+Content布局组合而成，实现就通过ListAdapter的override fun getItemViewType(position: Int): Int来定义不同的Item Layout
1 | override fun getItemViewType(position: Int): Int { |
拆分完毕，初步分类8种不同的Item，当然如果还有没统计到的情况可以继续添加：
1 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder { |
比较杂的一个布局，添加的代码也是比较多的，耐心加完：
1 | . |
这页展示就是需要细心的分好每一页的功能就不会有什么问题，效果如下：
起初时我还不知道有/homepage/block/page接口，好家伙让我一个一个接口加，最终因加载的项比较多，加载速度也不理想。。。我还以为这个App要跪了，第一项功能就这么慢明显不是我想的啊，压垮我最后一根稻草就是获取排名的接口，不能一次性获取，需要加个for循环来组装数据！！
原先写的获取数据接口
1 | val data: Flow<List<Discover>> = flow { |
感动的是发现了/homepage/block/page接口才有了接下来的完善，用新接口整个世界都安静了
注意：接口中不包含
daily recommend部分，组装的数据，这里初写时也遇到坑，我以为用的本地资源文件，还去反编译了Netease App找这些文件，关键是我还找到了大部分。。。太感人（伤心）了
1 |
|
为什么还在使用它。。。因为怀念吧。其实现在已经很少因为一个小的技术更新而更新博客，知识的迭代过快，更多的选择还是将知识放入自己的“笔记”之中，久而久之就越来越不再更新博客。周末发现已经超过一年多没有使用了，就前一段时间因为这里使用的插图“新浪图床”跪了，有更新一下图片，近期还是再更新一波吧，真的下一次想更新不知道要到什么时候了，这次更新的是记一个实现网易云音乐APP的思路，先上预览图，要是想了解就继续看
这两年变化的技术太多了，然后看到了NeteaseCloudMusicApi就突然萌生了写一个冲动，当然我也知道很多的人已经分享过这个App了，然后我再github上寻找了好多个看过人家的源码，发现不是java就是mvp的模式，连是用kotlin编写的都少，还有就是在使用.aidl的Service接口。想自己也撸一个。。
5月7号新建的工程，现在都快过一个月了，想着更新一下博客就分享出来了，因为我相信Google和Github已经很强大了，解决不了的问题请找他们吧。我想分享的如何实现这个App
先上一波图，对比最新网易云音乐，我还是尽量还原得一样。
其次分享一下主要实现技术：Navigation+MVVM+Dagger Hilt+exoplayer
以下是完整依赖
1 | implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:$kotlin_coroutines" |
最后，怎么实现的？如果喜欢就看接下来的篇章，我会分享做这部分的原理及碰到的坑
补充，最近闲时一直有在更新这个api，发现有很多功能都没有，比如“视频合辑”后的vid play list一直找不到;电台播放缺失;播客没有;云村-关注没有等一系列都没有找到，在些补一下近来完善程序，很不错的一个api，再次感谢NeteaseCloudMusicApi，不打算再更新功能了，项多再完善其中的内容（找不到很想添加的，当然、前提是api不会再出新功能。）
1 | app/src/main/java/com/xuie0000/netease/cloud/ |
我们知道，在Android中实现开启启动的方法注册一个静态广播去监听开机启动完毕的广播，然后在接听到开机广播完毕后，启动Activity或者Service，方法如下：
首先，新建一个广播监听器监听开机启动完毕的广播
1 | public class BootCompletedReceiver extends BroadcastReceiver { |
然后，在AndroidManifest.xml静态注册该广播
1 | <receiver android:name=".BootCompletedReceiver"> |
最后，在AndroidManifest.xml申请权限
1 | <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/> |
通过以上的方法，可以实现开启启动APP，但是，这个方法有问题，以上的方法必须要在安装APP后，手动运行一次APP后，APP才能接收到android.intent.action.BOOT_COMPLETED广播。
假如APP没有Activity，只有Service，或者安装完毕后无法手动运行，也不能通过其他的APP来启动此APP的Service或者Activity，如何安装后，可以开机启动呢？
我们先看看APP接收不到BOOT_COMPLETED广播可能的原因，有以下几种：
BOOT_COMPLETED对应的action和uses-permission没有一起添加Android3.1之后，系统为了加强了安全性控制，应用程序安装后或是(设置)应用管理中被强制关闭后处于stopped状态，在这种状态下接收不到任何广播，除非广播带有FLAG_INCLUDE_STOPPED_PACKAGES标志，而默认所有系统广播都是FLAG_EXCLUDE_STOPPED_PACKAGES的，所以就没法通过系统广播自启动了。
所以Android3.1之后:
不过，存在一种例外，就是应用程序被adb push you.apk /system/app/下是会自动启动的，不处于
stopped状态。
http://developer.android.com/about/versions/android-3.1.html#launchcontrols
http://commonsware.com/blog/2011/07/13/boot-completed-regression-confirmed.html
1 | /** |
也就是说，如果需要实现安装APP后，不启动APP，并且实现开机启动APP的方法，出来以上的步骤，还需要一下的步骤：
将APK推送到/system/app目录下,或者打包系统时，将APK放置到/system/app中打包
logback，觉得不错分享下logback库是默认内置的，不需要添加maven，下面直接使用
logback-spring.xml在resources目录新建logback-spring.xml，内容如下
1 |
|
1 | package xuk.spring.sample.rest; |
运行输入http://localhost:8080/之后，在控制台及本地文件都能够看到日志打印了
1 | 2019-11-19 17:33:21,635 [http-nio-8080-exec-1] INFO xuk.spring.sample.rest.HelloController:16 - Hello World! |
https://juejin.im/post/5dbfe21cf265da4d307f162a
https://mrbird.cc/Spring-Boot-logback.html
简易理解，web的异步请求，像rxjava2, continues等
本篇用于记录一段简单使用的示例
首先就是需要安装MongoDB，此处略过
接下来就是添加依赖库，包括webflux和mongodb
1 | <!-- webflux --> |
添加application.yml配置，这里多添加了一条显示NoSql查询语句，当遇到错误时候很管用，建议写上
1 | spring: |
在Application添加@EnableReactiveMongoRepositories
1 |
|
通过继续ReactiveMongoRepository编写访问实例，这里和JPA的很像
1 |
|
添加Controller实现接口，实现了普通回调及流式回调
1 |
|
一次性回调访问结果：
多次回调访问结果
https://mrbird.cc/Spring-Boot-WebFlux-CRUD.html
https://mrbird.cc/Spring-Boot-2-0-WebFlux.html
https://juejin.im/post/5b3a24386fb9a024ed75ab36
Redis简单理解，Redis可以作为一个极速（内存）数据，能够解决数据库响应慢的一个辅助工具，基于这一点，就有市场了
Redis 是一个高性能的key-value数据库。 redis的出现，很大程度补偿了memcached这类key/value存储的不足，在部分场合可以对关系数据库起到很好的补充作用。
安装部分这里略过，直接到使用
1 | <!-- redis --> |
1 | spring: |
添加配置，这个功能可以不需要重写，关键在@EnableCaching要添加
1 |
|
验证
1 |
|
添加配置
1 |
|
验证
1 |
|
https://github.com/ityouknow/spring-boot-examples/blob/master/spring-boot-redis/
]]>Spring Boot，记录一下库JPA，一上手的时候，看着spring的配置真也是头疼，各种数据库….之前我只了解Mysql或Oracle，结果你来这么多，不知道想干什么！
JPA是一个ORM的映射框架，目的就是为了提高开发效率和提升性能体验
1 | <dependency> |
在application.yml中可以添加执行sql语句显示
1 | spring: |
JpaRepository关联数据库应用1 |
|
1 |
|
1 |
|
添加完成后，就可以一键使用Spring Boot JPA套餐了，套餐丰富到你已经不用再写一条SQL语句了，如果实在要写，可以参考我上面写的findTestList示例（爬坑前方法！）
套餐示例，可以直接看JpaRepository，PagingAndSortingRepository和CrudRepository。
JpaRepository extends PagingAndSortingRepository which in turn extends CrudRepository.
Their main functions are:
CrudRepository mainly provides CRUD functions.PagingAndSortingRepository provides methods to do pagination and sorting records.JpaRepository provides some JPA-related methods such as flushing the persistence context and deleting records in a batch.Because of the inheritance mentioned above, JpaRepository will have all the functions of CrudRepository and PagingAndSortingRepository. So if you don’t need the repository to have the functions provided by JpaRepository and PagingAndSortingRepository , use CrudRepository.
总结就是JpaRepository功能强大，你只需要它，你还可以试试RxJava2CrudRepository等异步Repository
| Keyword | Sample | JPQL snippet |
|---|---|---|
| And | findByLastnameAndFirstname | … where x.lastname = ?1 and x.firstname = ?2 |
| Or | findByLastnameOrFirstname | … where x.lastname = ?1 or x.firstname = ?2 |
| Is, Equals | findByFirstname,findByFirstnameIs,findByFirstnameEquals | … where x.firstname = ?1 |
| Between | findByStartDateBetween | … where x.startDate between ?1 and ?2 |
| LessThan | findByAgeLessThan | … where x.age < ?1 |
| LessThanEqual | findByAgeLessThanEqual | … where x.age <= ?1 |
| GreaterThan | findByAgeGreaterThan | … where x.age > ?1 |
| GreaterThanEqual | findByAgeGreaterThanEqual | … where x.age >= ?1 |
| After | findByStartDateAfter | … where x.startDate > ?1 |
| Before | findByStartDateBefore | … where x.startDate < ?1 |
| IsNull, Null | findByAge(Is)Null | … where x.age is null |
| IsNotNull, NotNull | findByAge(Is)NotNull | … where x.age not null |
| Like | findByFirstnameLike | … where x.firstname like ?1 |
| NotLike | findByFirstnameNotLike | … where x.firstname not like ?1 |
| StartingWith | findByFirstnameStartingWith | … where x.firstname like ?1 (parameter bound with appended %) |
| EndingWith | findByFirstnameEndingWith | … where x.firstname like ?1 (parameter bound with prepended %) |
| Containing | findByFirstnameContaining | … where x.firstname like ?1 (parameter bound wrapped in %) |
| OrderBy | findByAgeOrderByLastnameDesc | … where x.age = ?1 order by x.lastname desc |
| Not | findByLastnameNot | … where x.lastname <> ?1 |
| In | findByAgeIn(Collection | … where x.age in ?1 |
| NotIn | findByAgeNotIn(Collection | … where x.age not in ?1 |
| True | findByActiveTrue() | … where x.active = true |
| False | findByActiveFalse() | … where x.active = false |
| IgnoreCase | findByFirstnameIgnoreCase | … where UPPER(x.firstame) = UPPER(?1) |
例如：
1 |
|
其中user就是UserModel中的成员变量
org.springframework.data.mapping.PropertyReferenceException: No property id found for type [entity]这里因为基类Model中没有id成员，不只是标记@Id，而是必须为id，如
1 |
|
Navicat修改表结构
https://stackoverflow.com/questions/14014086/what-is-difference-between-crudrepository-and-jparepository-interfaces-in-spring
https://docs.spring.io/spring-data/jpa/docs/2.2.1.RELEASE/reference/html/#reference
https://spring.io/projects/spring-data-jpa#overview
之前的主题一直是Next，收拾博客换个melody风格，这里仅记录我的博客操作步骤
https://gitee.com/Teily/hexo-theme-melody
下载完成后，先测试主题是否OK
npm install hexo-server hexo-browsersync hexo-renderer-jade hexo-renderer-stylus hexo-generator-search --save-devhexo ghexo s部署后，通过访问http://localhost:4000/来确定是否成功
主题变更成功后，少许修改下变成自己喜欢的Style
melody/_config.yml
1 | theme_color: |
npm install hexo-generator-search --save在`root/_config.yml`中添加1
2
3
4
search:
path: search.xml
field: post
content: true
在`melody/_config.yml`中添加1
2
3
4
local_search:
enable: true
trigger: auto
top_n_per_article: 1
1 | links_title: Links |
1 | sidebar_display: hidden #post # all/index/post/index-none/post-none/hidden |
1 | top_img: http://ww1.sinaimg.cn/large/863951d2gy1g8w9dktkj7j20qo0f0jsy.jpg |
在文章中添加也类似
1 | title: xxx |
有代码的文章不要开户这功能，有BUG
1 | auto_excerpt: |
1 | social: |
source/css/_layout/custom.styl1 | .fa-yuque{ |
melody/_config.yml中添加1 | social: |
https://molunerfinn.com/hexo-theme-melody-doc/zh-Hans/theme-config.html
https://blog.csdn.net/u010416101/article/details/102986439
https://blog.csdn.net/lijing742180/article/details/87970909
https://hunfan.top/2019/03/25/hexo%E6%B7%BB%E5%8A%A0Gitee%E9%93%BE%E6%8E%A5%E5%9B%BE%E6%A0%87/