通知用户界面帮助图标

Question

我想要设计以下用户界面。任何人都可以给我一个例子或建议一些实施的源代码？

Answer 1

就显示在不同的项目，但你的应用程序（即TextView，TabHost，ImageView等）

关于显示的应用程序图标徽章里面徽章Here is Project on Git Hub，这是不可能的，因为这不是Android的方式显示通知。 Android框架支持使用Status bar Notifications

Answer 2

可以使用的RelativeLayout有两个孩子，一个是图标，一个用于徽章。 该图标需要额外的填充，使徽章稍微偏离它。 徽章的位置与parentTop和parentRight对齐。

Answer 3

如果你想建立在左上角的通知图标是为下一段代码一样简单：

Bitmap1必须大于bitmap2做大，你的情况我会把它奉劝是一个具有透明背景的PNG图像，以允许通知气泡在图像的其余部分之外。

 private Bitmap overlay(Bitmap bitmap1, Bitmap bitmap2) { 
      Bitmap bmOverlay = Bitmap.createBitmap(bitmap1.getWidth(), bitmap1.getHeight(), bitmap1.getConfig()); 
      Canvas canvas = new Canvas(bmOverlay); 
      canvas.drawBitmap(bitmap1, new Matrix(), null); 
      canvas.drawBitmap(bitmap2, new Matrix(), null); 
      return bmOverlay; 
     } 

否则，如果你想要它在右上角，你应该尝试任何Canvas.drawBitmap的其他规范。

例如：

canvas.drawBitmap(Bitmap bitmap, float left, float top, Paint paint); 

尝试做喜欢的事：

private Bitmap overlay(Bitmap bitmap1, Bitmap bitmap2) { 
      Bitmap bmOverlay = Bitmap.createBitmap(bitmap1.getWidth(), bitmap1.getHeight(), bitmap1.getConfig()); 
      Canvas canvas = new Canvas(bmOverlay); 
      canvas.drawBitmap(bitmap1, new Matrix(), null); 
      canvas.drawBitmap(bitmap2, bitmap1.getWidth()-bitmap2.getWidth(), 
           0,null); 
      return bmOverlay; 
     } 

如果你想一切都是如何做到这一点的XML，那么你应该创建一个RelativeLayout的，然后在其上添加这两个图像并将通知气泡对齐。这应该可以做到。您仍然必须拥有透明背景的PNG图像。

我希望这足以满足你想要做的事情。

Answer 4

这是您的应用程序小部件图标徽章计数显示的源代码。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/main_widget" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_gravity="center_horizontal" 
android:layout_marginTop="20dip" 
android:focusable="true" > 

<ImageView 
    android:id="@+id/icon" 
    android:layout_width="60dip" 
    android:layout_height="60dip" 
    android:layout_marginTop="8dp" 
    android:background="@drawable/logo" 
    android:contentDescription="image" 
    android:scaleType="center" /> 

<TextView 
    android:id="@+id/title" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/icon" 
    android:gravity="center" 
    android:paddingLeft="3dp" 
    android:paddingTop="10dp" 
    android:shadowColor="#000000" 
    android:shadowDx="1" 
    android:shadowDy="1" 
    android:shadowRadius="1.5" 
    android:text="@string/app_name" 
    android:textColor="#FFF" /> 

<TextView 
    android:id="@+id/txt_count" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="-10dip" 
    android:layout_toRightOf="@+id/icon" 
    android:background="@drawable/badge_count2" 
    android:contentDescription="badge" 
    android:gravity="center" 
    android:text="1" 
    android:textColor="@color/White" 
    android:textStyle="bold" /> 

</RelativeLayout> 

并且您还需要此badge_count2.xml可绘制文件。

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle" > 

<solid android:color="@color/red" > 
</solid> 

<stroke 
    android:width="2dp" 
    android:color="#FFFFFF" > 
</stroke> 

<padding 
    android:bottom="2dp" 
    android:left="7dp" 
    android:right="7dp" 
    android:top="3dp" /> 

<corners android:radius="10dp" > 
</corners> 

Answer 5

这里是像索尼，三星，MOTO等多个设备的简单库提供支持......试试这个...这将工作...我试图和工作正常.. 。 http://github.com/leolin310148/ShortcutBadger