如何在 Android drawable 中传递参数
How to pass parameters in Android drawable
如何在 android 可绘制对象中传递参数。
如何实现下面提到的代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="{colorcode}" />
<stroke android:width="1sp" android:color="{colorcode}" />
<corners android:radius="15dp" />
</shape>
</item>
</selector>
然后从 XML 文件中获取此可绘制参数的传递值。像
<TextView
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginRight="5dp"
android:layout_weight="1"
android:background="@drawable/rounded,{colorCode}"
android:gravity="center"/>
ShapeDrawable, GradientDrawable & ColorDrawable are direct subclasses of Drawable。您可以显式地将您的可绘制对象转换为上述任何子类,以调用 methods/property 访问权限,例如 setColor(int)
、.paint
,如下所示:
val drawable: Drawable = (yourDrawable as StateListDrawable).getStateDrawable(0)
when (drawable) {
is ShapeDrawable -> {
(drawable as ShapeDrawable).paint.color = ContextCompat.getColor(mContext, R.color.colorToSet)
}
is GradientDrawable -> {
(drawable as GradientDrawable).setColor(ContextCompat.getColor(mContext, R.color.colorToSet))
(drawable as GradientDrawable).cornerRadius = 2.0F
}
is ColorDrawable -> {
(drawable as ColorDrawable).color = ContextCompat.getColor(mContext, R.color.colorToSet)
}
}
注意事项:
您可以在此可绘制对象上使用 mutate()
,因为它 returns 是具有复制的常量可绘制对象状态的可绘制对象的同一实例。 mutate() method doesn't share its state with any other drawable so it's pretty helpful if you want to keep the drawable as it is & then use it with different states in many places. 关于如何在可绘制和保存状态上使用 mutate 的一个很好的答案。
此外,正如您在评论中提到的,要更改可绘制半径,请使用 cornerRadii,根据给定嵌入式 link 中的文档,returns 每个半径的 4 个角。对于每个角,数组包含 2 个值,[X_radius, Y_radius]
。角的顺序是top-left
, top-right
, bottom-right
, bottom-left
.
您可以使用 data binding 和 BindingAdapter 来完成。我将展示一个使用 Kotlin 的示例。
- 要启用数据绑定,请添加到您的 Gradle:
apply plugin: 'kotlin-kapt' // only need when You use Kotlin
...
android {
...
buildFeatures {
dataBinding = true
}
...
}
- Crete BindingAdapter(我将其添加到 MainActivity.kt 以简化代码):
import android.graphics.drawable.GradientDrawable
import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.core.content.ContextCompat
import androidx.databinding.BindingAdapter
import androidx.databinding.DataBindingUtil
import com.myniprojects.teststackjava.databinding.ActivityMainBinding
class MainActivity : AppCompatActivity()
{
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?)
{
super.onCreate(savedInstanceState)
binding = DataBindingUtil.setContentView(
this, R.layout.activity_main)
}
}
// Here is binding adapter. It takes 2 colors, background and stroke. If You want more customization add more parameters
@BindingAdapter(value = ["colorStoke", "colorBack"], requireAll = true)
fun setBackground(textView: TextView, @ColorRes colorStoke: Int, @ColorRes colorBack: Int)
{
val stroke = ContextCompat.getColor(textView.context, colorStoke)
val back = ContextCompat.getColor(textView.context, colorBack)
val gd = GradientDrawable()
// setting background
gd.colors = intArrayOf(
back,
back
)
// here change parameters as You want
gd.gradientType = GradientDrawable.LINEAR_GRADIENT
gd.shape = GradientDrawable.RECTANGLE
gd.cornerRadius = 15f;
// setting stroke width and color
gd.setStroke(5, stroke)
textView.background = gd
}
自定义GradeintDrawable勾选this docs
- 在您的 MainActivity.xml 中执行此操作:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<import type="com.myniprojects.teststackjava.R" />
</data>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/txtVTest"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp"
android:gravity="center"
android:text="TextView Text"
android:textSize="40sp"
app:colorBack="@{R.color.color_back}"
app:colorStoke="@{R.color.color_stroke}"/>
</FrameLayout>
</layout>
我正在导入 R
以便能够传递资源。 (也许还有另一种不导入的方法,但我无法像 @{@color/name}
这样传递颜色,所以我只导入它)。在您的 TextView
中,您必须调用 app:colorBack
和 app:colorStoke
并使用您想要设置为描边和背面的颜色。
- 当然在res/values/colors:
<color name="color_stroke">#B71C1C</color>
<color name="color_back">#33691E</color>
- 以及显示一切正常的最终效果:
要生成 ActivityMainBinding
您首先必须创建一个数据绑定布局。如果您正确添加了您的依赖项以快速将您的布局转换为数据绑定布局,请使用:Alt + Enter
➡ Convert to data binding layout
*
所以你的布局应该是这样的:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
</data>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
</FrameLayout>
</layout>
现在重建你的项目后你应该得到 ActivityMainBinding
class.
如何在 android 可绘制对象中传递参数。
如何实现下面提到的代码
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="{colorcode}" />
<stroke android:width="1sp" android:color="{colorcode}" />
<corners android:radius="15dp" />
</shape>
</item>
</selector>
然后从 XML 文件中获取此可绘制参数的传递值。像
<TextView
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginRight="5dp"
android:layout_weight="1"
android:background="@drawable/rounded,{colorCode}"
android:gravity="center"/>
ShapeDrawable, GradientDrawable & ColorDrawable are direct subclasses of Drawable。您可以显式地将您的可绘制对象转换为上述任何子类,以调用 methods/property 访问权限,例如 setColor(int)
、.paint
,如下所示:
val drawable: Drawable = (yourDrawable as StateListDrawable).getStateDrawable(0)
when (drawable) {
is ShapeDrawable -> {
(drawable as ShapeDrawable).paint.color = ContextCompat.getColor(mContext, R.color.colorToSet)
}
is GradientDrawable -> {
(drawable as GradientDrawable).setColor(ContextCompat.getColor(mContext, R.color.colorToSet))
(drawable as GradientDrawable).cornerRadius = 2.0F
}
is ColorDrawable -> {
(drawable as ColorDrawable).color = ContextCompat.getColor(mContext, R.color.colorToSet)
}
}
注意事项:
您可以在此可绘制对象上使用 mutate()
,因为它 returns 是具有复制的常量可绘制对象状态的可绘制对象的同一实例。 mutate() method doesn't share its state with any other drawable so it's pretty helpful if you want to keep the drawable as it is & then use it with different states in many places.
此外,正如您在评论中提到的,要更改可绘制半径,请使用 cornerRadii,根据给定嵌入式 link 中的文档,returns 每个半径的 4 个角。对于每个角,数组包含 2 个值,[X_radius, Y_radius]
。角的顺序是top-left
, top-right
, bottom-right
, bottom-left
.
您可以使用 data binding 和 BindingAdapter 来完成。我将展示一个使用 Kotlin 的示例。
- 要启用数据绑定,请添加到您的 Gradle:
apply plugin: 'kotlin-kapt' // only need when You use Kotlin
...
android {
...
buildFeatures {
dataBinding = true
}
...
}
- Crete BindingAdapter(我将其添加到 MainActivity.kt 以简化代码):
import android.graphics.drawable.GradientDrawable
import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.core.content.ContextCompat
import androidx.databinding.BindingAdapter
import androidx.databinding.DataBindingUtil
import com.myniprojects.teststackjava.databinding.ActivityMainBinding
class MainActivity : AppCompatActivity()
{
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?)
{
super.onCreate(savedInstanceState)
binding = DataBindingUtil.setContentView(
this, R.layout.activity_main)
}
}
// Here is binding adapter. It takes 2 colors, background and stroke. If You want more customization add more parameters
@BindingAdapter(value = ["colorStoke", "colorBack"], requireAll = true)
fun setBackground(textView: TextView, @ColorRes colorStoke: Int, @ColorRes colorBack: Int)
{
val stroke = ContextCompat.getColor(textView.context, colorStoke)
val back = ContextCompat.getColor(textView.context, colorBack)
val gd = GradientDrawable()
// setting background
gd.colors = intArrayOf(
back,
back
)
// here change parameters as You want
gd.gradientType = GradientDrawable.LINEAR_GRADIENT
gd.shape = GradientDrawable.RECTANGLE
gd.cornerRadius = 15f;
// setting stroke width and color
gd.setStroke(5, stroke)
textView.background = gd
}
自定义GradeintDrawable勾选this docs
- 在您的 MainActivity.xml 中执行此操作:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<import type="com.myniprojects.teststackjava.R" />
</data>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/txtVTest"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp"
android:gravity="center"
android:text="TextView Text"
android:textSize="40sp"
app:colorBack="@{R.color.color_back}"
app:colorStoke="@{R.color.color_stroke}"/>
</FrameLayout>
</layout>
我正在导入 R
以便能够传递资源。 (也许还有另一种不导入的方法,但我无法像 @{@color/name}
这样传递颜色,所以我只导入它)。在您的 TextView
中,您必须调用 app:colorBack
和 app:colorStoke
并使用您想要设置为描边和背面的颜色。
- 当然在res/values/colors:
<color name="color_stroke">#B71C1C</color>
<color name="color_back">#33691E</color>
- 以及显示一切正常的最终效果:
要生成 ActivityMainBinding
您首先必须创建一个数据绑定布局。如果您正确添加了您的依赖项以快速将您的布局转换为数据绑定布局,请使用:Alt + Enter
➡ Convert to data binding layout
*
所以你的布局应该是这样的:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
</data>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
</FrameLayout>
</layout>
现在重建你的项目后你应该得到 ActivityMainBinding
class.