如何在 Xamarin Forms 中显示 ToolBarItem 图标的徽章计数

2024-03-23

它不是关于如何显示通知徽章,也不是关于显示工具栏项目图标。如何在工具栏项目图标上显示徽章计数是一个明显的问题。 ?

我正在共享代码以在 XF 内容页面中创建带有图标的 ToolbarItem:

在cs文件中:

    ToolbarItem cartItem = new ToolbarItem();
    scanItem.Text = "My Cart";
    scanItem.Order = ToolbarItemOrder.Primary;
    scanItem.Icon = "carticon.png";

    ToolbarItems.Add(cartItem );

在 Xaml 文件中:

<ContentPage.ToolbarItems>
    <ToolbarItem Text="Cart" Priority="0" x:Name="menu1"> 
    </ToolbarItem>   
  </ContentPage.ToolbarItems>

现在我想在上面添加的工具栏项目图标上放置徽章计数。如何才能实现呢?


将徽章图标放置在本机工具栏中实际上是比其价值更多的努力。如果我需要徽章图标,我会删除导航页面。

NavigationPage.SetHasNavigationBar(myPageInstance, false);

然后我从头开始创建自己的工具栏。在这个工具栏中,我可以在其中叠加图像,您也可以根据需要在其中放置数字。例如。

 <Grid>           
        <Grid.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding IconCommand}" />
        </Grid.GestureRecognizers>

        <iconize:IconImage
                     Icon="fa-drawer"
                     IconColor="white"
                     IconSize="20" />

        <Grid Margin="15,-15,0,0">
            <iconize:IconImage Grid.Row="0"
                       HeightRequest="40"
                       WidthRequest="40"
                       Icon="fa-circle"
                       IconColor="red"
                       IsVisible="{Binding IsCircleVisible}"
                       IconSize="10" />
        </Grid>

    </Grid>

I use Iconize https://www.nuget.org/packages/Xam.Plugin.Iconize图标使用 Font Awesome

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Xamarin Forms 中显示 ToolBarItem 图标的徽章计数 的相关文章

随机推荐

  • HTML5 Canvas - 混合多个translate() 和scale() 调用

    我只是想知道 Canvas 转换是如何工作的 假设我有一个画布 在其内部某处绘制了一个圆圈 并且我想缩放该圆圈 因此它的中心点不会移动 所以我考虑做以下事情 translate circle x circle y scale factor
  • 多维数组初始化

    今天在C 考试中看到一道题 给定数组 int Multi 2 3 2 14 11 13 10 9 6 8 7 1 5 4 2 的价值是什么 Multi 1 1 0 3维数组不应该像这样初始化 如何找到具有此类因数的元素的值 太令人困惑了 您
  • 如何在不使用 Maven 的情况下将 Jacoco 报告与 SonarQube 集成?

    我使用 Jacoco eclipse 插件来测量单元测试覆盖率 并且我能够使用它导出报告 我想将该报告与声纳集成 因此我在项目属性文件中给出了它的路径 我的属性文件如下所示 Required metadata sonar projectKe
  • 将 mysql 表的所有列设置为特定值

    有没有办法一次性将特定记录的 mysql 表的所有列更新为特定值 例如我有一个大约有 70 列的表 它们在创建表时默认设置为 0 当我通过 PHPmyadmin 添加新记录时 只需填写一两个值并提交它 所有其他字段都是设置为 0 但我想将所
  • (java) 写入文件小端

    我正在尝试编写 TIFF IFD 并且正在寻找一种简单的方法来执行以下操作 这段代码显然是错误的 但它表达了我想要的想法 out writeChar 12 bytes 0 1 out writeChar 259 bytes 2 3 out
  • .property() 的作用是什么?在函数(){}.property()中

    Todos TodoController Ember ObjectController extend isCompleted function key value var model this get model if value unde
  • 即使使用 delegate = self,uiwebview 也不会加载请求

    我创建了一个 NSObject 类并包含在 init 中 我创建了一个 uiwebview 将委托设置为 self 并发送加载请求 由于某种原因 webViewDidFinishLoad 或 didFailLoadWithError 永远不
  • 从 Dictionary 迁移到 ConcurrentDictionary,我应该注意哪些常见陷阱?

    我正在考虑从 Dictionary 迁移到 ConcurrentDictionary 以实现多线程环境 具体到我的用例 kvp 通常是
  • 超出内部响应标头大小限制

    当我重定向到相关网站的其他部分时 会发生此错误 return this RedirectToActionPermanent Index Dashboard 在错误发生之前 代码不会单步执行仪表板控制器中的 Index 方法 我认为发布的 F
  • grpc go:如何在服务器端知道客户端何时关闭连接

    我正在使用 grpc go 我有一个 rpc 看起来大致像这样 196 service MyService 197 Operation 1 198 rpc Operation1 OperationRequest returns Operat
  • 将两列添加到 vba 用户窗体组合框

    我有一个用于库存控制的用户表单 用于进出物品 我想做的就是修改下面的代码以在其代码旁边显示每个物品名称以进行搜索物品 代码 Private Sub ComboBox1 Click Dim i As Integer Dim j As Inte
  • 从 http 服务流式传输大文件

    我正在编写一个组件来从 HTTP 服务传输大数据 4 GB 该组件采用 URL 和目标流 目标流可以是文件流 也可以是 POSTS 到不同 HTTP 服务的流 甚至两者都是 作为组件的作者 我需要执行以下步骤直到完成 从 HTTP 流中读取
  • R闪亮制作子面板

    是否有一个简单的解决方案可以使 R 中创建的主选项卡面板中的选项卡面板闪亮 以下是我创建主面板的方法 mainPanel tabsetPanel id tabSelected tabPanel Tab1 uiOutput Tab1 tabP
  • 用于数据存储的 Lua 与 XML

    我们中的许多人都被灌输了使用 XML 来存储数据的观念 它的优点和缺点众所周知 我当然不想在这里讨论它们 然而 在我用 C 编写的项目中 我也使用 Lua 我非常惊讶 Lua 能够如此出色地存储和处理数据 然而 Lua 的这一方面却鲜为人知
  • 在UIPickerView而不是UIView中响应touchesBegan

    我有一个 UIPickerView 在不使用时会淡出至 20 alpha 我希望用户能够触摸选择器并使其淡入 如果我在主视图上放置一个 TouchBegan 方法 我就可以让它工作 但这仅在用户触摸视图时才有效 我尝试对 UIPickerV
  • 使用 join 获取嵌套对象数组的 SQL 查询

    摘要 我将从 JSON 模式开始来描述期望 请注意具有嵌套对象数组的角色 我正在寻找一个可以通过单个查询获取它的 智能查询 id 1 first John roles Expectation gt array of objects id 1
  • 使用 WPF WebBrowser 控件时如何抑制脚本错误?

    我有一个 WPF 应用程序 它使用 WPF WebBrowser 控件在平面显示器上向开发人员显示有趣的网页 如新闻源 问题是我偶尔会遇到 HTML 脚本错误 该错误会弹出一条令人讨厌的 IE 错误消息 询问我是否要 停止在此页面上运行脚本
  • 如何在数据表中格式化货币?

    This is a table which display transactions implementes using DataTables https datatables net document ready function var
  • 为什么 html() 执行 JavaScript,而innerHTML 不执行?

    为什么这个会执行
  • 如何在 Xamarin Forms 中显示 ToolBarItem 图标的徽章计数

    它不是关于如何显示通知徽章 也不是关于显示工具栏项目图标 如何在工具栏项目图标上显示徽章计数是一个明显的问题 我正在共享代码以在 XF 内容页面中创建带有图标的 ToolbarItem 在cs文件中 ToolbarItem cartItem