Android：是否可以用数字更新 ImageView/ImageButton 以显示新消息的数量？

Question

在 iOS 中，我们有一个功能，可以通过在图标的右上角显示一个小数字来为用户更新应用程序图标，并添加新的待处理消息，类似地，我想知道我们是否有方法来更新 ImageView/ImageButton在android中（这里我不想更新主屏幕上的图标，而是更新我的应用程序内的图标）。

例如，该图片显示红色背景图标，其中以红色显示待读取的消息数量，如果没有消息，则显示为灰色背景。

谢谢，

Answer 1

我对这个很感兴趣，因为我也不知道怎么做。所以我开始研究它，这就是我的做法。

• 我不是 UI 方面的专家，因此以下 XML 中可能有一些无用/错误的内容。
• 根据我上面所说，我没有设法在图标的右下角进行计数。 :)
• 为了进行测试，我使用 sdk 中的标准 icon.png

res/drawable/shapecount.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
  <corners android:radius="20dp"  />    
  <solid android:color="#ff2233" />
</shape>

res/layout/ my_widget_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

<RelativeLayout
    android:orientation="vertical"
    android:background="@null"
    android:id="@+id/rlayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <ImageView 
            android:id="@+id/icon"
            android:src="@drawable/icon" 
            android:layout_margin="0dp"
            android:layout_height="wrap_content" 
            android:layout_width="wrap_content"/>

    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:text="50" android:textSize="9dp" android:textStyle="bold"  
        android:background="@drawable/shapecount"
        android:textColor="#FFFFFF"
        android:paddingLeft="3dp" android:paddingRight="3dp"
            android:layout_margin="0dp"
        android:layout_alignBottom="@+id/rlayout"
        android:id="@+id/txtCount" />

</RelativeLayout>

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:text="My App Name" android:textSize="9dp" android:textStyle="bold"  
    android:background="@drawable/shapecount"
    android:textColor="#FFFFFF"
    android:paddingLeft="3dp" android:paddingRight="3dp"
        android:layout_margin="0dp"
    android:layout_alignBottom="@+id/rlayout"
    android:id="@+id/txtAppName" />
 </LinearLayout>

主页小部件实际上是一个普通视图，您可以像在 Activity 中一样在 XML 文件中构建它。但有一些规则需要遵循。请参阅此链接获取指南

在此链接向您展示了如何构建AppWidget，您可以看到以下代码

// Get the layout for the App Widget and attach an on-click listener to the button
  RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.appwidget_provider_layout);

： R.layout.appwidget_provider_layout 是您的主页小部件的布局，它将是 my_widget_layout.xml

从该 views 中，您可以设置您的值想要任何计数文本视图：

int count = 50;//Or whatever value you set to it.
views.setTextViewText(R.id.txtCount,Integer.toString(count));

然后您只需更新小部件本身：

appWidgetManager.updateAppWidget(appWidgetId, views);

注意：

updatePeriodMillis 不允许小部件每 30 分钟请求更新一次以上，因此我使用组合BroadcastReceiver 和服务

编辑：

如果您想要的计数应该在 Activity 而不是 AppWidget 内，请参阅下面的活动测试。它使用与上面相同的 XML：

public class TestActivity extends Activity {
    /** Called when the activity is first created. */

    final Random gen = new Random();


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final TextView t = (TextView) findViewById(R.id.txtCount);

        Timer timer = new Timer();
        timer.schedule(new TimerTask() {

            @Override
            public void run() { 
                runOnUiThread(new Runnable() {

                    @Override
                    public void run() {
                        int a = gen.nextInt(20);
                        t.setText(Integer.toString(a));                     
                    }
                });
                }
            }
        ,new Date(), 3000L);
    }
}

Answer 2

当您希望在应用程序内部而不是在主屏幕上执行此操作时，我建议您只创建一个 ImageView 子类，并重写 onDraw() - 执行任何背景绘制，调用 super.onDraw()，然后执行前景绘画。

或者，您可以使用 Bitmap.copy 等从基本图标构建合成图像，以及带有消息计数的较小位图。

希望这有帮助，

菲尔·莱洛