android - 自定义通知 View

Question

我想创建一个类似于 Google+ 应用通知的通知图标 View 。不同之处在于，我需要能够在运行时更改颜色，因为 Google+ 图标是灰色或红色，所以我假设它们使用的是 StateListDrawable。

最好的方法是什么？我更喜欢圆角，并且可以选择在内部放置一个可绘制对象。此自定义 View 也将放置在操作栏中。我仍然需要 View 来响应 android:background state list drawables 这样我就可以让点击和选择符合工作。

此自定义 View 也将放置在操作栏中。

Answer 1

我通过执行以下操作解决了这个问题。

创建这个是为了使圆角形状具有纯色。这也增加了一种半透明的黑色，使它在黑色背景下看起来更加紧致。 res/drawable/shape_notification.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
    <stroke android:color="#33000000" android:width="2dp"/>
    <corners android:radius="4dp" />
    <solid android:color="#99333333"/>
</shape>

图层可绘制对象将用作操作栏项目上的实际可绘制对象。它的背景(如上所示)覆盖了 Spanner 图标。 res/drawable/layer_customizer.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/shape_notification" />
    <item android:drawable="@drawable/ic_menu_preferences" />
</layer-list>

改变颜色的Java代码。目标 View 是分配了 layer_customizer 可绘制对象的对象。传入的颜色会改变 shape_notification.xml 的实体标签颜色。

public static void setCustomizerDrawableColor(final View target, final int color) {
  final Drawable d = target.getDrawable();
  LayerDrawable layer = (LayerDrawable)d;
  GradientDrawable gradient = (GradientDrawable)layer.getDrawable(0);
  gradient.setColor(color);
  gradient.invalidateSelf();
  layer.invalidateSelf();
  target.invalidate();
}

使用这些图层创建布局。 res/layout/actionview_customizer.xml

<?xml version="1.0" encoding="utf-8"?>
<ImageButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/ActionViewCustomizer"
    android:src="@drawable/layer_customizer"
    android:contentDescription="@string/customize"
    style="@style/ActionBarButton" />

要将自定义布局放入 ActionBar 中，请将此菜单项添加到其中: res/menu/actionbar_main.xml

<item android:id="@+id/MenuItemCustomize"
  android:icon="@drawable/layer_customizer"
  android:title="@string/customize"
  android:showAsAction="always"
  android:actionLayout="@layout/actionview_customizer"
   />

然后在加载 Action Bar 之后使用此代码获取按钮的句柄。这发生在您的 Activity 中。

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.actionbar_main, menu);
    final ActionBar actionBar = getActionBar();
    final MenuItem customizerItem = menu.findItem(R.id.MenuItemCustomize);
    View v = customizerItem.getActionView();
    customizerActionView = (ImageButton) v;
    customizerActionView.setOnClickListener(new OnClickListener() {
        public void onClick(View v) {
            onOptionsItemSelected(customizerItem);
        }
    });
}

如果您想查看完整的源代码，请查看我在其中使用的应用程序源代码。 http://code.google.com/p/motivatormaker-android/source/browse/MakeMotivator/src/com/futonredemption/makemotivator/activities/MainActivity.java