没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|行业资讯|编辑:龚雪|2021-07-07 09:45:54.460|阅读 139 次
概述:本文主要为大家介绍如何在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
文章转载自:慧都网过去,很多企业靠ERP下达生产计划,但现场执行状况混乱,信息不透明、反馈不及时,导致管理层根本无法掌握真实的生产节奏。而MES系统的出现,就像是给生产现场装上了一双“智慧的眼睛”。
Parasoft Virtualize以智能监控、灵活配置和自动化集成为核心,将测试环境从“不可控”变为“可掌控”。无论是依赖项故障的自动容灾,还是按需定制的场景模拟,亦或是动态部署的高效利用,它都能让开发和测试团队摆脱环境束缚,聚焦于真实缺陷的发现与修复。
移动应用测试工具Parasoft SOAtes以独特的自动化测试功能,帮助开发者轻松应对安卓和iOS平台的测试挑战。
HOOPS Communicator作为一款面向工业级需求的高性能Web 3D可视化引擎,专为支持MCAD等大规模装配与复杂元数据的场景而设计,能够帮助企业与开发团队快速构建浏览器端的MCAD查看、审阅及协作平台,打通从设计到制造的全流程数据链路。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号