如何在Android创建Badges（项目计数）

在本教程中，我们旨在为Android应用程序创建一个Badge（项目计数）功能。Badges是用来显示通知、信息的数量和产品数。这些天许多Android应用程序使用badges。这个没有简单的方法来做，所以我们会通过我们自己编码来完成。

要求

1. JDK 7.0或以上。
2. Android Studio 2.0。

步骤：

在Drawable文件夹中，创建一个名为item_count的XML文件和创建一个8 dp圆角半径的矩形。

item_count.xml

<ml version="1.0" encoding="utf-8"gt;<shape xmlns_android="http://schemas.android.com/apk/res/android"    android_shape="rectangle">    <corners android_radius="8dp" />    <solid android_color="#f20000" />    <stroke        android_width="2dip"        android_color="#FFF" />    <padding        android_bottom="5dp"        android_left="5dp"        android_right="5dp"        android_top="5dp" /></shape>

修改activity_main.xml和添加Relativelayout、Buttons和文本。你的activity_main.xml文件应该像下面这样。你还要在Drawable文件夹中为这个布局添加所需的图像。

Activity_main.xml

<ml version="1.0" encoding="utf-8"gt;<!--Adding Badge (Item Count)/Notification Count to Android Button--><RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android"    android_layout_width="fill_parent"    android_layout_height="match_parent"    android_gravity="center_horizontal"    android_orientation="vertical"    android_padding="16dp">    <RelativeLayout        android_id="@+id/badge_layout1"        android_layout_width="wrap_content"        android_layout_height="wrap_content">        <RelativeLayout            android_id="@+id/relative_layout"            android_layout_width="wrap_content"            android_layout_height="wrap_content">            <Button                android_id="@+id/button1"                android_layout_width="65dip"                android_layout_height="65dip"                android_background="@drawable/chat_icon" />        </RelativeLayout>        <TextView            android_id="@+id/badge_notification_1"            android_layout_width="wrap_content"            android_layout_height="wrap_content"            android_layout_alignRight="@id/relative_layout"            android_background="@drawable/item_count"            android_text="16"            android_textColor="#FFF"            android_textSize="16sp"            android_textStyle="bold" />    </RelativeLayout>    <RelativeLayout        android_id="@+id/badge2"        android_layout_width="wrap_content"        android_layout_height="wrap_content"        android_layout_marginLeft="50dp"        android_layout_toRightOf="@+id/badge_layout1">        <RelativeLayout            android_id="@+id/relative_layout1"            android_layout_width="wrap_content"            android_layout_height="wrap_content">            <Button                android_id="@+id/myButton1"                android_layout_width="65dip"                android_layout_height="65dip"                android_background="@drawable/email_icon" />        </RelativeLayout>        <TextView            android_id="@+id/badge_notification_2"            android_layout_width="wrap_content"            android_layout_height="wrap_content"            android_layout_alignRight="@id/relative_layout1"            android_background="@drawable/item_count"            android_text="21"            android_textColor="#FFF"            android_textSize="16sp"            android_textStyle="bold" />    </RelativeLayout>    <RelativeLayout        android_id="@+id/badge4"        android_layout_width="wrap_content"        android_layout_height="wrap_content"        android_layout_below="@+id/badge_layout1"        android_layout_marginTop="50dp">        <RelativeLayout            android_id="@+id/relative_layout3"            android_layout_width="wrap_content"            android_layout_height="wrap_content">            <Button                android_id="@+id/myButton4"                android_layout_width="wrap_content"                android_layout_height="65dip"                android_background="#4169E1"                android_elevation="4dp"                android_paddingLeft="50dp"                android_paddingRight="50dp"                android_text="Notification"                android_textColor="#fff" />        </RelativeLayout>        <TextView            android_id="@+id/badge_notification_4"            android_layout_width="wrap_content"            android_layout_height="wrap_content"            android_layout_alignLeft="@id/relative_layout3"            android_background="@drawable/item_count"            android_text="427"            android_textColor="#FFF"            android_textSize="16sp"            android_textStyle="bold" />    </RelativeLayout></RelativeLayout>

你的MainActivity.java文件应该看起来像这样：

MainActivity.java

import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

现在，当你运行你的应用程序时，你将看到下面这样的屏幕截图：

要求

PS: 关于移动开发，这些产品你可以关注>>

关于移动开发的最新资讯和产品推荐，请<咨询在线客服>!

标签：项目管理移动开发Android数字信