java - Android - 如何在ImageView的右上角添加通知计数器

标签 java android android-layout notifications counter

我希望在 Imageview 的右侧有一个具有类似通知计数器的应用程序:这是我的布局的照片:

MyPhoto.png

我想要这样的通知计数器:

OriginalApp.png

这是我的 Activity_menu 布局:

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="datasite.com.konnex.Menu"
    android:background="#ffffff">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#3fc0ea">

        <ImageButton
            android:layout_width="120dp"
            android:layout_height="38dp"
            android:background="@drawable/lg1"
            android:layout_marginLeft="130dp" />

        <SearchView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="90dp"/>
    </android.support.v7.widget.Toolbar>

    <FrameLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

      <GridLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:columnCount="2">
         <ImageView
             android:layout_width="90dp"
             android:layout_height="90dp"
             android:src="@drawable/cases"
             android:layout_marginLeft="60dp"
             android:layout_marginTop="40dp"
             android:id="@+id/img_cases"/>
          <ImageView
              android:layout_width="90dp"
              android:layout_height="90dp"
              android:src="@drawable/invoices"
              android:layout_marginLeft="80dp"
              android:layout_marginTop="40dp" />

          <ImageView
              android:layout_width="90dp"
              android:layout_height="90dp"
              android:src="@drawable/announcement"
              android:layout_marginLeft="60dp"
              android:layout_marginTop="40dp" />
          <ImageView
              android:layout_width="90dp"
              android:layout_height="90dp"
              android:src="@drawable/users"
              android:layout_marginTop="40dp"
              android:layout_marginLeft="80dp"/>
          <ImageView
               android:layout_width="90dp"
               android:layout_height="90dp"
               android:src="@drawable/document"
              android:layout_marginTop="60dp"
              android:layout_marginLeft="60dp" />
          <ImageView
              android:layout_width="90dp"
              android:layout_height="90dp"
              android:src="@drawable/meetings"
              android:layout_marginTop="60dp"
              android:layout_marginLeft="80dp"/>

      </GridLayout>
    </FrameLayout>

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fffafa"
        app:menu="@menu/navigation"
        app:itemIconTint="@color/dark"
        app:itemTextColor="@color/dark" />

</LinearLayout>

这是我的 menu.java 类:

public class Menu extends AppCompatActivity {

            private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
                    = new 

BottomNavigationView.OnNavigationItemSelectedListener() {

            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                switch (item.getItemId()) {
                    case R.id.nav_about:
                        return true;
                    case R.id.nav_location:
                        return true;
                    case R.id.nav_phone:
                        return true;
                    case R.id.nav_home:
                        return true;
                }
                return false;
            }
        };

            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_menu);

            }
    }

请帮助找到解决此问题的方法。我搜索了很多答案,但没有找到适合我的案例的解决方案。提前致谢!

最佳答案

像这样将每个 ImageView 包装在 FrameLayout 中。

<GridLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:columnCount="2">
      <FrameLayout
          android:layout_width="90dp"
          android:layout_height="90dp">
          <ImageView
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:src="@drawable/cases"/>
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="1"
             android:background="@android:color/red"
             android:layout_gravity="top|end"/>
      </FrameLayout>
</GridLayout>

关于java - Android - 如何在ImageView的右上角添加通知计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45567639/

相关文章:

android - 使用数组适配器在 ListView 中插入分隔符

java - 如何在运行时使用 Webdriver 中的 java (jxl) 在现有 excel 文件中添加新的 excel 工作表

java - 如何通过Java执行cmd命令

java - 如何处理 Nimbus Look and Feel 中的衍生颜色?

android - 微调器宽度与微调器项目宽度不匹配

android - 异常 : This is not supported, 使用 MenuItemCompat.getActionProvider()

android - 当布局本身的高度为零时,将子项的高度设置为 wrap_content

java - 弱引用有实际用途吗?

android - Windows 10,在Qt Creator中开发Android项目

Android v7 工具栏标题文本字体