android为我们是提供了在代码中动态设置 vector 的颜色的方法。
- 这是一个 svg 类型的返回 icon,取名icon_back.xml,可以直接放在drawlable文件夹中
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:pathData="M7.9911,12L15.8761,19.8849C16.3599,20.3688 16.3599,21.1532 15.8761,21.6371C15.3923,22.121 14.6077,22.121 14.1239,21.6371L5.3629,12.8761C4.879,12.3922 4.879,11.6078 5.3629,11.1239L14.1239,2.3629C14.6077,1.879 15.3923,1.879 15.8761,2.3629C16.3599,2.8468 16.3599,3.6312 15.8761,4.1151L7.9911,12Z"
android:strokeWidth="1"
android:fillColor="#FFFFFF"
android:fillType="nonZero"
android:strokeColor="#00000000"/>
</vector>
- 这是一个 Toolbar 用于盛放返回 icon
<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:titleMargins="0dp">
</androidx.appcompat.widget.Toolbar>
- 在代码中动态设置 vector 的颜色
Toolbar toolbar = findViewById(R.id.toolbar);
VectorDrawableCompat vectorDrawableCompat = VectorDrawableCompat.create(getResources(), R.drawable.icon_back, null);
//设置title文字颜色
toolbar.setTitleTextColor(ContextCompat.getColor(getApplicationContext(), R.color.black));
//你需要改变的颜色
vectorDrawableCompat.setTint(ContextCompat.getColor(getApplicationContext(), R.color.black));
toolbar.setNavigationIcon(vectorDrawableCompat);
- colors 里的颜色值
<color name="black">#000000</color>
最后,有个小坑,如果在共用控件的 base 类 设置了修改 vector 颜色,你会发现一个页面设置了以后,剩余的几个页面也被设置了,所以遇到这种情况可以加判断条件,满足条件的设置对应的颜色,不满足条件的设置默认颜色(这里默认为白色)
例如:
base 中:
protected void setToolBarColor(int color) {
Toolbar toolbar = findViewById(R.id.toolbar);
VectorDrawableCompat vectorDrawableCompat = VectorDrawableCompat.create(getResources(), R.drawable.icon_back, null);
if (color > 0) {
toolbar.setTitleTextColor(ContextCompat.getColor(getApplicationContext(), color));
//你需要改变的颜色
vectorDrawableCompat.setTint(ContextCompat.getColor(getApplicationContext(), color));
} else {
vectorDrawableCompat.setTint(ContextCompat.getColor(getApplicationContext(), R.color.white));
}
toolbar.setNavigationIcon(vectorDrawableCompat);
}
调用:
setToolBarColor(R.color.black);//设置黑色
或者
setToolBarColor(-1); //使用默认值
网友评论