在自定义按钮自定义属性不显示 [英] custom attribute on custom Button does not show
问题描述
我延长了按钮控件，以便能够应用多种自定义属性。
其中一个属性是一个滤色片我尝试创建按钮时要应用到其背景。这不可行。 （请参阅下面的屏幕截图和code）
我试图直接设置背景颜色，在相同的code处，它确实改变背景颜色，但它不是我所需要的，因为我用我自己的按钮，PNG格式。
有2个问题至今：
- 在彩色滤光片不适用
- 在自定义按钮偏移，修剪，这是无法点击
第二按钮使用普通按钮，并且它被定位为预期，它是点击。第二屏幕截图显示正确的颜色确实选择，而且有可能改变按钮背景色中的code表示点
code：
公共MyButton类扩展按钮{
私人诠释BACKGROUNDCOLOR;
公共用作MyButton（上下文的背景下，ATTRS的AttributeSet，诠释defStyle）{
超（背景下，ATTRS，defStyle）;
TypedArray A = context.getTheme（）。obtainStyledAttributes（
ATTRS，
R.styleable.MyButton，
defStyle，
0）;
尝试 {
资源RES = getResources（）;
开关（a.getInteger（R.styleable.MyButton_type，0））{
情况下0：
BACKGROUNDCOLOR = res.getColor（R.color.Black）;打破;
情况1：
BACKGROUNDCOLOR = res.getColor（R.color.Red）;打破;
案例2：
BACKGROUNDCOLOR = res.getColor（R.color.DimGray）;打破;
}
的getBackground（）setColorFilter（BACKGROUNDCOLOR，Mode.MULTIPLY）。
// setBackgroundColor（BACKGROUNDCOLOR）
} 最后 {
a.recycle（）;
}
}
公共用作MyButton（上下文的背景下，ATTRS的AttributeSet）{
这（背景下，ATTRS，0）;
}
公共用作MyButton（上下文的背景下）{
这（背景下，NULL，0）;
}
}
我使用的XML：
＆LT;的LinearLayout
机器人：layout_width =match_parent
机器人：layout_height =WRAP_CONTENT＆GT;
＆LT; com.example.test.MyButton
机器人：ID =@ + ID / BTN1
机器人：文本=BTN1
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_weight =1
机器人：TEXTSIZE =14sp
机器人：文字颜色=@色/蓝色
机器人：填充=2DP
机器人：layout_margin =4DP
机器人：背景=@可绘制/ key_selector
应用程序：TYPE =RedButton/＆GT;
＆LT;按钮
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_weight =1
机器人：TEXTSIZE =14sp
机器人：文字颜色=@色/蓝色
机器人：填充=2DP
机器人：layout_margin =4DP
机器人：背景=@可绘制/ key_selector
机器人：ID =@ + ID / BTN2
机器人：文本=BTN2/＆GT;
＆LT; / LinearLayout中＆GT;
setColorFilter的截图（）的结果
setBackgroundColor的截图（）的结果
修改 这是选择XML我使用的正常和pressed状态。
＆LT; XML版本=1.0编码=UTF-8＆GT？;
＆LT;选择的xmlns：机器人=http://schemas.android.com/apk/res/android＆GT;
＆LT;项目
机器人：可绘制=@可绘制/ key1_ pressed
机器人：STATE_ pressed =真/＆GT;
＆LT;项目
机器人：可绘制=@可绘制/键1/＆GT;
＆LT; /选择器＆GT;
自定义按钮偏移，修剪，这是无法点击
这是由于您使用的构造函数。该按钮类做链它的构造函数之间，但它并没有通过 0 最后一个构造函数的样式（从第二个构造函数是使用的），它通过一个内部风格（是什么让一个视觉按钮到底）。如果你要传递：
这（背景下，ATTRS，android.R.attr.buttonStyle）;
在按钮应该没问题。
彩色滤光片不适用
在code设置彩色滤光片应该没有问题后，您对上面的更正。当您将设置过滤器，你会看到两个按钮将应用这些过滤器（因为它们具有相同的位图（我假设你使用图像））。这是因为发生在同类型股票的可绘制一个恒定的状态。你可以阅读更多从罗曼盖伊的解释这里：
的getBackground（）变异（）setColorFilter（BACKGROUNDCOLOR，Mode.MULTIPLY）。
让我知道如果这解决了问题（从我的理解）：
公共静态MyButton类扩展按钮{
私人诠释BACKGROUNDCOLOR;
私人StateListDrawable MSLD;
私人PorterDuffColorFilter mColorFilter;
私人布尔mHandled = FALSE;
公共用作MyButton（上下文的背景下，ATTRS的AttributeSet，诠释defStyle）{
// ...
尝试 {
// ...
MSLD =（StateListDrawable）的getBackground（）;
mColorFilter =新PorterDuffColorFilter（BACKGROUNDCOLOR，
Mode.MULTIPLY）;
mSld.setColorFilter（mColorFilter）;
} 最后 {
a.recycle（）;
}
}
@覆盖
保护无效的OnDraw（帆布油画）{
如果（！mHandled）{
最终绘制对象电流= mSld.getCurrent（）;
current.mutate（）;
current.setColorFilter（mColorFilter）;
mHandled = TRUE;
}
super.onDraw（画布）;
}
}
I extended the Button widget to be able to apply several custom attributes.
One of the attributes is a color filter I try to apply to its background when the button is created. It does not work. (See the screen shots and code below)
I tried to directly set the background color, on the same code place, and it does change the background color, but it is not what I need, since I am using my own button PNGs.
there are 2 problems so far:
- The color filter is not applied
- The custom button is offset, clipped and it is not clickable
The second button uses the normal button, and it is positioned as expected and it is clickable. The second screenshot shows that the correct color is indeed chosen, and that it is possible to change the button background color at that point in the code.
Code:
public class MyButton extends Button {
private int backGroundColor;
public MyButton(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
TypedArray a = context.getTheme().obtainStyledAttributes(
attrs,
R.styleable.MyButton,
defStyle,
0);
try {
Resources res = getResources();
switch( a.getInteger(R.styleable.MyButton_type, 0) ) {
case 0:
backGroundColor = res.getColor(R.color.Black); break;
case 1:
backGroundColor = res.getColor(R.color.Red); break;
case 2:
backGroundColor = res.getColor(R.color.DimGray); break;
}
getBackground().setColorFilter(backGroundColor, Mode.MULTIPLY);
//setBackgroundColor(backGroundColor)
} finally {
a.recycle();
}
}
public MyButton(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public MyButton(Context context) {
this(context, null, 0);
}
}
The XML I used:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.example.test.MyButton
android:id="@+id/btn1"
android:text="BTN1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="14sp"
android:textColor="@color/Blue"
android:padding="2dp"
android:layout_margin="4dp"
android:background="@drawable/key_selector"
app:type="RedButton"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textSize="14sp"
android:textColor="@color/Blue"
android:padding="2dp"
android:layout_margin="4dp"
android:background="@drawable/key_selector"
android:id="@+id/btn2"
android:text="BTN2"/>
</LinearLayout>
Screenshot of setColorFilter() outcome
Screenshot of setBackgroundColor() outcome
EDIT This is the selector XML I use for the normal and pressed states.
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@drawable/key1_pressed"
android:state_pressed="true"/>
<item
android:drawable="@drawable/key1"/>
</selector>
The custom button is offset, clipped and it is not clickable
That's due to your use of the constructors. The Button class does chain between its constructors but it doesn't pass 0 to the last constructor as the style(from the second constructor which is the one used), it passes an internal style(what makes a visual Button in the end). If you were to pass:
this(context, attrs, android.R.attr.buttonStyle);
the Button should be ok.
The color filter is not applied
The code for setting the color filter should work with no problems after you make the correction above. When you'll set the filter you'll see that both buttons will have the filter applied to them(as they have the same bitmap(I'm assuming you use an image)). This is happening because the drawables of the same type share a constant state. You can read more from Romain Guy's explanation here:
getBackground().mutate().setColorFilter(backGroundColor, Mode.MULTIPLY);
Let me know if this solves the problem(from what I understood):
public static class MyButton extends Button {
private int backGroundColor;
private StateListDrawable mSld;
private PorterDuffColorFilter mColorFilter;
private boolean mHandled = false;
public MyButton(Context context, AttributeSet attrs, int defStyle) {
// ...
try {
//...
mSld = (StateListDrawable) getBackground();
mColorFilter = new PorterDuffColorFilter(backGroundColor,
Mode.MULTIPLY);
mSld.setColorFilter(mColorFilter);
} finally {
a.recycle();
}
}
@Override
protected void onDraw(Canvas canvas) {
if (!mHandled) {
final Drawable current = mSld.getCurrent();
current.mutate();
current.setColorFilter(mColorFilter);
mHandled = true;
}
super.onDraw(canvas);
}
}
这篇关于在自定义按钮自定义属性不显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
