Luc*_*ota 30 android android-imageview android-selector
我想使用xml为我的tabhost图标着色,而不是以编程方式进行(我无论如何都无法做到这一点)...所以我在SO上找到了这个帖子:Android imageview更改色调来模拟按钮点击
这似乎是一个非常好的解决方案,但我无法在我的项目中正确调整它......我做了以下更改:
public class TintableImageView extends ImageView {
private ColorStateList tint;
public TintableImageView(Context context) {
super(context);
}
//this is the constructor that causes the exception
public TintableImageView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs, 0);
}
public TintableImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context, attrs, defStyle);
}
//here, obtainStyledAttributes was asking for an array
private void init(Context context, AttributeSet attrs, int defStyle) {
TypedArray a = context.obtainStyledAttributes(attrs, new int[]{R.styleable.TintableImageView_tint}, defStyle, 0);
tint = a.getColorStateList(R.styleable.TintableImageView_tint);
a.recycle();
}
@Override
protected void drawableStateChanged() {
super.drawableStateChanged();
if (tint != null && tint.isStateful())
updateTintColor();
}
public void setColorFilter(ColorStateList tint) {
this.tint = tint;
super.setColorFilter(tint.getColorForState(getDrawableState(), 0));
}
private void updateTintColor() {
int color = tint.getColorForState(getDrawableState(), 0);
setColorFilter(color);
}
}
我还没有能够引用@drawable/selector.xml的android:tint,所以我做了这个在colors.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="azulPadrao">#2e7cb4</color>
<drawable name="tab_icon_selector">@drawable/tab_icon_selector</drawable>
</resources>
我的选择器:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:tint="#007AFF" />
<item android:state_focused="true" android:tint="#007AFF" />
<item android:state_pressed="true" android:tint="#007AFF" />
<item android:tint="#929292" />
</selector>
我的标签布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:id="@+id/TabLayout"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:gravity="center" android:background="@drawable/tab_bg_selector">
<com.myapp.TintableImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView" android:layout_gravity="center" android:tint="@drawable/tab_icon_selector"/>
<TextView android:id="@+id/TabTextView" android:text="Text"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:textColor="@drawable/tab_text_selector"
android:textSize="10dip"
android:textStyle="bold" android:layout_marginTop="2dip"/>
</LinearLayout>
有什么建议？提前致谢
[编辑]我正在NumberFormatException使用android:tint,当正确的是app:tint(设置后xmlns:app="http://schemas.android.com/apk/res/com.myapp")...但现在我认为我以错误的方式使用我的选择器,因为图标都是黑色的,无论状态如何......我尝试<drawable name="tab_icon_selector">@drawable/tab_icon_selector</drawable>在colors.xml中设置,没有用
[/编辑]
Chr*_*rry 32
如果您使用的是API 21+,则可以使用选择器和色调在XML中轻松完成此操作:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_activated="true">
<bitmap android:src="@drawable/ic_settings_grey"
android:tint="@color/primary" />
</item>
<item android:drawable="@drawable/ic_settings_grey"/>
</selector>
Chr*_*Orr 21
我是使用DrawableCompatAndroid support-v4库实现的.
使用常规ImageButton(哪个子类ImageView,因此此信息也适用于ImageViews),使用材质图标集合中的黑色图标:
<ImageButton
android:id="@+id/button_add"
android:src="@drawable/ic_add_black_36dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:contentDescription="@string/title_add_item" />
这是我创建的实用方法:
public static void tintButton(@NonNull ImageButton button) {
ColorStateList colours = button.getResources()
.getColorStateList(R.color.button_colour);
Drawable d = DrawableCompat.wrap(button.getDrawable());
DrawableCompat.setTintList(d, colours);
button.setImageDrawable(d);
}
其中res/color/button_colour.xml是改变从红色到半透明红色当按钮被按下的图标颜色的选择:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="false"
android:color="@color/red" />
<item
android:color="@color/red_alpha_50pc" />
</selector>
ImageButton在我的activity的onCreate()方法中膨胀之后,我只需tintButton(...)为每个按钮调用一次辅助方法.
我已经在Android 4.1(我的minSdkVersion)和5.0设备上测试了这个,但DrawableCompat应该回到Android 1.6.
Ste*_*son 11
在/sf/answers/1310738411/上提到我的解决方案时,您有一些缺失:
TintableImageView.java
@Override
protected void drawableStateChanged() {
super.drawableStateChanged();
if (tint != null && tint.isStateful())
updateTintColor();
}
public void setColorFilter(ColorStateList tint) {
this.tint = tint;
super.setColorFilter(tint.getColorForState(getDrawableState(), 0));
}
private void updateTintColor() {
int color = tint.getColorForState(getDrawableState(), 0);
setColorFilter(color);
}
必须覆盖drawableStateChanged(),以便在元素状态更改时更新色调.
我不确定引用drawable中的drawable是否会引起问题,但您只需将您的selector.xml移动到文件夹"/ res/color"中即可通过"@ color/selector.xml"引用它(aapt merges /res/values/colors.xml和/ res/color文件夹).
bug*_*ral 11
使用支持库22.1,我们可以使用DrawableCompat来绘制可绘制的API级别4+
DrawableCompat.wrap(Drawable)和setTint(),setTintList()和setTintMode()将起作用:不需要创建和维护单独的drawable只支持多种颜色!
我同意代码中的@Dreaming,我将举一个例子.
ic_up_small
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/comment_count_selected_color" android:state_selected="true" />
<item android:color="@color/comment_count_text_color"/>
</selector>
布局/ item_post_count_info.xml
<android.support.v7.widget.AppCompatImageView
android:id="@+id/post_upvote_icon"
android:layout_width="14dp"
android:layout_height="14dp"
android:layout_marginLeft="17dp"
app:srcCompat="@drawable/ic_up_small"
app:tint="@color/post_up_color"/>
注意:我们应该使用app:tint而不是android:tint.
我的支持库版本是26.0.2.
应用程序/的build.gradle
implementation 'com.android.support:appcompat-v7:26.0.2'
implementation 'com.android.support:support-core-utils:26.0.2'
implementation 'com.android.support:support-annotations:26.0.2'
implementation 'com.android.support:support-v4:26.0.2'
implementation 'com.android.support:design:26.0.2'
如果我们使用android:tint,它会崩溃,日志是这样的:
E/AndroidRuntime:致命异常:主android.view.InflateException:二进制XML文件线#0:错误充气类在android.view.LayoutInflater.createView(LayoutInflater.java:613)在android.view.LayoutInflater.createViewFromTag(LayoutInflater.的java:687)在android.view.LayoutInflater.rInflate(LayoutInflater.java:746)在android.view.LayoutInflater.inflate(LayoutInflater.java:489)在android.view.LayoutInflater.inflate(LayoutInflater.java:396)在com.opera.six.viewholder.post.PostCountInfoViewHolder $ 1.create(PostCountInfoViewHolder.java:29)位于com.opera.six的com.opera.six.viewholder.post.PostCountInfoViewHolder $ 1.create(PostCountInfoViewHolder.java:25). collection.CollectionAdapter.onCreateViewHolder(CollectionAdapter.java:39)在com.opera.six.collection.CollectionAdapter.onCreateViewHolder(CollectionAdapter.java:19)在android.support.v7.widget.RecyclerView $ Adapter.createViewHolder(RecyclerView.java: 6493)在android.support.v7.widget.RecyclerView $ Recycler.tryGetViewHolderForPosit ionByDeadline(RecyclerView.java:5680)在android.support.v7.widget.RecyclerView $ Recycler.getViewForPosition(RecyclerView.java:5563)在android.support.v7.widget.RecyclerView $ Recycler.getViewForPosition(RecyclerView.java:5559)在android.support.v7.widget.LinearLayoutManager $ LayoutState.next(LinearLayoutManager.java:2229)在android.support.v7.widget.LinearLayoutManager.layoutChunk(LinearLayoutManager.java:1556)在android.support.v7.widget.LinearLayoutManager .fill(LinearLayoutManager.java:1516)在Android.support.v7.widget.LinearLayoutManager.onLayoutChildren(LinearLayoutManager.java:608)的android.support.v7.widget.RecyclerView.dispatchLayoutStep2(RecyclerView.java:3693). support.v7.widget.RecyclerView.dispatchLayout(RecyclerView.java:3410)在android.support.v7.widget.RecyclerView.onLayout(RecyclerView.java:3962)在android.view.View.layout(View.java:13754)在android.sview.ViewGroup.layout(ViewGroup.java:4364)android.support.v4.widget.SwipeRefreshLayout.onLayout(SwipeR)efreshLayout.java:610)在android.view.View.layout(View.java:13754)的android.view.ViewGroup.layout(ViewGroup.java:4364)android.support.design.widget.HeaderScrollingViewBehavior.layoutChild(HeaderScrollingViewBehavior) .java:132)在Android.support的Android.support.design.widget.ViewOffsetBehavior.onLayoutChild(ViewOffsetBehavior.java:42)android.support.design.widget.AppBarLayout $ ScrollingViewBehavior.onLayoutChild(AppBarLayout.java:1361). design.widget.CoordinatorLayout.onLayout(CoordinatorLayout.java:869)在android.view.View.layout(View.java:13754)的android.view.ViewGroup.layout(ViewGroup.java:4364)android.support.v4 .view.ViewPager.onLayout(ViewPager.java:1767)位于Android.widget.LinearLayout的android.view.ViewGroup.layout(ViewGroup.java:4364)的android.view.View.layout(View.java:13754). setChildFrame(LinearLayout.java:1649)位于android.widget.LinearLayout.onLayout(LinearLayout.java:1420)的android.widget.LinearLayout.layoutVertical(LinearLayout.java:1507).在Android.view.View.Viewout的android.widget.FrameLayout.onLayout(FrameLayout.java:448)的android.view.ViewGroup.layout(ViewGroup.java:4364)的view.View.layout(View.java:13754) (View.java:13754)在android.view.View.View()View.java的android.widget.FrameLayout.onLayout(FrameLayout.java:448)的android.view.ViewGroup.layout(ViewGroup.java:4364) 13754)在Android.widget.LinearLayout.setoutVertical(LinearLayout.java:1507)的android.widget.LinearLayout.setChildFrame(LinearLayout.java:1649)上的android.view.ViewGroup.layout(ViewGroup.java:4364). widget.LinearLayout.onLayout(LinearLayout.java:1420)在android.view.View.layout(View.java:13754)在android.view.ViewGroup.layout(ViewGroup.java:4364)在android.widget.FrameLayout.onLayout (FrameLayout.java:448)在android.view.View.Viewout上的android.view.View.layout(View.java:13754),android.widget.FrameLayout.onLayout(FrameLayout.java): 448)在Android.view.ViewGrou的android.view.View.layout(View.java:13754)p.layout(六
| 归档时间： |
|
| 查看次数： |
57509 次 |
| 最近记录： |