Google N年前的Plaid重构了!学习笔记

2019-11-13  本文已影响0人  _蘇芳_
  1. recyclerview的android:clipToPadding="false",可以让内容滑到padding所占用的空间。
  2. AS里可以直接将svg和psd转成矢量图来用的,这些图是不用按照分辨率提供不同的图了,有些系统图标也挺好用的~


    image
  3. 应用启动的时候,根据有没有连接网络,会有一些不同的逻辑,所以在Activity的onCreate中有这么一段
        connectivityChecker?.apply {
            lifecycle.addObserver(this)//增加对UI生命周期的监听
            // 这是个LiveData,当发生变化的时候,走自己的业务逻辑
            connectedStatus.observe(this@HomeActivity, Observer<Boolean> {
                if (it) {
                    handleNetworkConnected()
                } else {
                    handleNoNetworkConnection()
                }
            })
        } ?: handleNoNetworkConnection()
class 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中注册了生命周期,当发生变化的时候会走到这里 */
    @OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
    fun stopMonitoringConnectivity() {
        if (monitoringConnectivity) {
            connectivityManager.unregisterNetworkCallback(connectivityCallback)
            monitoringConnectivity = false
        }
    }

    @OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
    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
        }
    }
}
  1. toolbar的布局是在res/menu/...里定义的,里面会有一些item。
    那些item可以设置图标android:icon="@drawable/ic_search_24dp",这个search图标就是上面说的矢量图,以后app要用,就直接复制过去好了。

    也可以设置文字android:title="@string/search",还有显示方式android:showAsAction="always"这种知道的,这里略微提一下。

    还可以指定他是个什么控件,比如

 <item
        android:id="@+id/menu_theme"
        android:title="@string/theme"
        android:actionViewClass="android.widget.CheckBox"
        android:showAsAction="always"
        tools:ignore="AppCompatResource" />

这就是个CheckBox,然后可以拿出来进行一顿操作

        toolbar.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文件夹下,
需要的话自己复制吧,这里不贴了,动画和矢量那一堆坐标得靠美工来了。


<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>
  1. MD风格下,UI是有高度的,高度就可以是android:elevation="@dimen/z_app_bar"
  2. 转场动画,俩个view设置相同的动画名称,比如android:transitionName="@string/transition_search_back",然后转场的时候,ActivityOptions.makeSceneTransitionAnimation()将view和对应的动画名添加进去
  3. 在各个模块都有其对应的数据仓库xxxRepository,里面全是kotlin 协程的suspend方法发动网络请求。然后在viewmodle里调回,viewmodle是有自己的scope的直接调viewModelScope即可启动协程。这个协程域会在viewmodle被clear的时候取消。
上一篇下一篇

猜你喜欢

热点阅读