没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|行业资讯|编辑:龚雪|2021-07-07 09:45:54.460|阅读 141 次
概述:本文主要为大家介绍如何在Xamarin表单中使用指示器视图,欢迎下载相关工具体验~
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
使应用程序更有趣并同时显示更多信息而不需要额外空间,其中一种方式是将其呈现在同一页面的轮播中。
如果添加定位指标,这种情况下的用户体验会好得多。例如如果正在查看图像相册,那么用户可以看到指示符,在本文中我们将看到如何使用IndicatorView实现这一目标!
该控件允许我们显示指标来表示 CarouselView 中项目的总数和当前位置。 它包含由 BindableProperty 对象支持的属性,允许我们使用数据绑定。 重要的是要知道此控件在 iOS 和 Android 平台上的 Xamarin.Forms 4.4 和通用 Windows 平台上的 4.5 中可用。
要开始创建此控件,了解所需的结构很重要:
代码实现:
<StackLayout> <CarouselView ItemsSource="{Binding Food}" IndicatorView="indicatorView"> <CarouselView.ItemTemplate> <!-- Here define the item appearance --> </CarouselView.ItemTemplate> </CarouselView> <IndicatorView x:Name="indicatorView" IndicatorColor="LightGray" SelectedIndicatorColor="DarkGray" HorizontalOptions="Center" /> </StackLayout>
IndicatorView提供了许多可以用来创建实用功能的属性:
最后,添加这些属性的示例:
<IndicatorView x:Name="indicatorView" IndicatorColor="Pink" SelectedIndicatorColor="White" HorizontalOptions="Center" IndicatorsShape="Square" IndicatorSize="18" MaximumVisible="6" .... Here you can add all the properties that you need..../>
要定义指标元素,您只需将 IndicatorView.IndicatorTemplateproperty 设置为 DataTemplate。
在以下示例中,默认图像已更改为另一个名为 Star.jpg 的图像。
<IndicatorView.IndicatorTemplate> <DataTemplate> <Image Source="Star.jpg" /> </DataTemplate> </IndicatorView.IndicatorTemplate>
要实现完整的实现,只需将前一个块添加到此:
<StackLayout> <CarouselView ItemsSource="{Binding Food}" IndicatorView="indicatorView"> <CarouselView.ItemTemplate> <!-- DataTemplate that defines item appearance --> </CarouselView.ItemTemplate> </CarouselView> <IndicatorView x:Name="indicatorView" IndicatorColor="LightGray" SelectedIndicatorColor="Black" HorizontalOptions="Center"> <!-- Here add the block explained above--> </IndicatorView> </StackLayout>
可视化状态非常重要,它帮助我们以图形方式识别特定操作所做的任何更改。 例如,在指示器视图中,我们可以通过与其他项目不同的颜色或大小来突出显示项目被选中的时间,这使得可以快速识别所在的位置。
为了开发这个例子,一步一步地解释:
1. 创建样式。
<Style x:Key="IndicatorsStyle" TargetType="Label"> <Setter Property="VisualStateManager.VisualStateGroups"> <VisualStateGroupList> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"> <VisualState.Setters> <Setter Property="TextColor" Value="Pink" /> </VisualState.Setters> </VisualState> <VisualState x:Name="Selected"> <VisualState.Setters> <Setter Property="TextColor" Value="Blue" /> </VisualState.Setters> </VisualState> </VisualStateGroup> </VisualStateGroupList> </Setter> </Style>
2. 创建样式后,您只需添加一个简单的样式,如下所述:
<IndicatorView x:Name="indicatorView" Margin="0,0,0,40" IndicatorColor="Transparent" SelectedIndicatorColor="Transparent" HorizontalOptions="Center"> <IndicatorView.IndicatorTemplate> <DataTemplate> <Label Text="-" Style="{StaticResource IndicatorsStyle}" /> </DataTemplate> </IndicatorView.IndicatorTemplate> </IndicatorView>
Telerik UI for Xamarin是一个构建跨平台移动应用程序的原生UI。Telerik UI for Xamarin使用Xamarin.Forms技术,它可以让开发人员从一个单一的共享C#代码库中创建原生的iOS、Android和Windows Phone应用程序。不仅如此,UI for Xamarin建立在iOS和Android的原生控件之上的,为Xamarin用户的应用程序提供真正的原生UI。
了解最新Kendo UI最新资讯,请关注Telerik中文网!
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:慧都网那么,制造现场的数据是如何采集的?采集哪些数据?又是如何与MES系统打通的?本文带您全面解析。
为了帮助开发者快速上手,本文将对其核心组件架构与运行原理做系统性概述,并结合典型使用场景,解析其编程基础。
在当今制造业蓬勃发展的背景下,制造执行MES系统对于制造型企业的高效运营起着举足轻重的作用。
在分布式系统和微服务架构中,环境配置错误、依赖服务异常等问题往往难以快速定位,导致开发和测试效率低下。持续测试平台Parasoft CTP以实时预警和可视化拓扑为核心功能,帮助团队更快发现和解决问题,提升整体交付效率。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号