Google N年前的Plaid重构了!学习笔记
recyclerview的
android:clipToPadding="false"
,可以让内容滑到padding所占用的空间。AS里可以直接将svg和psd转成矢量图来用的,这些图是不用按照分辨率提供不同的图了,有些系统图标也挺好用的~
应用启动的时候,根据有没有连接网络,会有一些不同的逻辑,所以在Activity的onCreate中有这么一段
1
2
3
4
5
6
7
8
9
10
11connectivityChecker?.apply {
lifecycle.addObserver(this)//增加对UI生命周期的监听
// 这是个LiveData,当发生变化的时候,走自己的业务逻辑
connectedStatus.observe(this@HomeActivity, Observer<Boolean> {
if (it) {
handleNetworkConnected()
} else {
handleNoNetworkConnection()
}
})
} ?: handleNoNetworkConnection()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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52class ConnectivityChecker(
private val connectivityManager: ConnectivityManager
) : LifecycleObserver {
/* 是否在监听连接状态 */
private var monitoringConnectivity = false
/** 这里用两个LiveData的目的应该是只允许私有可变,所以必须有私有的MutableLiveData
提供给外部的不允许postValue,所以用个LiveData */
private val _connectedStatus = MutableLiveData<Boolean>()
val connectedStatus: LiveData<Boolean>
get() = _connectedStatus
/** 连接状态回调 */
private val connectivityCallback = object : ConnectivityManager.NetworkCallback() {
override fun onAvailable(network: Network) {
_connectedStatus.postValue(true)
// 已经连上了,就断掉监听
connectivityManager.unregisterNetworkCallback(this)
monitoringConnectivity = false
}
override fun onLost(network: Network) {
_connectedStatus.postValue(false)
}
}
/** 在Activity中注册了生命周期,当发生变化的时候会走到这里 */
fun stopMonitoringConnectivity() {
if (monitoringConnectivity) {
connectivityManager.unregisterNetworkCallback(connectivityCallback)
monitoringConnectivity = false
}
}
fun startMonitoringConnectivity() {
val activeNetworkInfo: NetworkInfo? = connectivityManager.activeNetworkInfo
val connected = activeNetworkInfo != null && activeNetworkInfo.isConnected
_connectedStatus.postValue(connected)
if (!connected) {
// we don't have internet connection, so we listen to notifications in connection status
connectivityManager.registerNetworkCallback(
NetworkRequest.Builder()
.addCapability(NetworkCapabilities.NET_CAPABILITY_INTERNET).build(),
connectivityCallback
)
monitoringConnectivity = true
}
}
}toolbar的布局是在
res/menu/...
里定义的,里面会有一些item。
那些item可以设置图标android:icon="@drawable/ic_search_24dp"
,这个search图标就是上面说的矢量图,以后app要用,就直接复制过去好了。也可以设置文字
android:title="@string/search"
,还有显示方式android:showAsAction="always"
这种知道的,这里略微提一下。还可以指定他是个什么控件,比如
1
2
3
4
5
6<item
android:id="@+id/menu_theme"
android:title="@string/theme"
android:actionViewClass="android.widget.CheckBox"
android:showAsAction="always"
tools:ignore="AppCompatResource" />这就是个
CheckBox
,然后可以拿出来进行一顿操作1
2
3
4
5
6
7
8
9toolbar.inflateMenu(R.menu.main)
val toggleTheme = toolbar.menu.findItem(R.id.menu_theme)
val actionView = toggleTheme.actionView
(actionView as CheckBox?)?.apply {
setButtonDrawable(R.drawable.asl_theme)//这里设置的是图标图片和动画了,
isChecked = ColorUtils.isDarkTheme(this@HomeActivity)
jumpDrawablesToCurrentState()
setOnCheckedChangeListener { _, isChecked ->}setButtonDrawable(R.drawable.asl_theme)
这里设置的是图标图片和动画了,在drawable
文件夹下,
需要的话自己复制吧,这里不贴了,动画和矢量那一堆坐标得靠美工来了。1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/night"
android:state_checked="true"
android:drawable="@drawable/ic_theme_night" />
<item
android:id="@+id/day"
android:drawable="@drawable/ic_theme_day" />
<transition
android:fromId="@id/night"
android:toId="@id/day"
android:drawable="@drawable/avd_night_to_day" />
<transition
android:fromId="@id/day"
android:toId="@id/night"
android:drawable="@drawable/avd_day_to_night" />
</animated-selector>MD风格下,UI是有高度的,高度就可以是
android:elevation="@dimen/z_app_bar"
转场动画,俩个view设置相同的动画名称,比如
android:transitionName="@string/transition_search_back"
,然后转场的时候,ActivityOptions.makeSceneTransitionAnimation()
将view和对应的动画名添加进去在各个模块都有其对应的数据仓库xxxRepository,里面全是kotlin 协程的suspend方法发动网络请求。然后在viewmodle里调回,viewmodle是有自己的scope的直接调
viewModelScope
即可启动协程。这个协程域会在viewmodle被clear的时候取消。