一种状态图标控制方法、智能终端及存储介质与流程

专利2022-06-29  64


本发明涉及设备板卡处理技术领域,尤其涉及一种状态图标控制方法、智能终端及存储介质。



背景技术:

wpf(windowspresentationfoundation)是微软推出的基于windows的用户界面框架,属于.netframework3.0的一部分,它提供了统一的编程模型、语言和框架,真正做到了分离界面设计人员与开发人员的工作;同时它提供了全新的多媒体交互用户图形界面。

目前在互联网上找不到基于wpf的可以切换任何控件的切换容器(可以对于内部的控件进行切换的容器),wpf提供的容器主要有grid、canvas、stackpanel、wrappanel、dockpanel,都是主要用来进行布局,但是没有一个容器附带有切换功能。

因此,现有技术还有待于改进和发展。



技术实现要素:

本发明的主要目的在于提供一种状态图标控制方法、智能终端及存储介质,旨在解决现有技术的上述缺陷。

为实现上述目的,本发明提供一种状态图标控制方法,所述状态图标控制方法包括如下步骤:

获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;

根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;

根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;

配置所述控件项的数据。

可选地,所述的状态图标控制方法,其中,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个作为切换容器的基础容器,所述基础容器用于放置切换的控件。

可选地,所述的状态图标控制方法,其中,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个第三方控件并放入所述基础容器,所述第三方控件用于展示状态图标。

可选地,所述的状态图标控制方法,其中,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个故事板,所述故事板,所述故事板用于实现所述基础容器中空间的切换。

可选地,所述的状态图标控制方法,其中,所述第三方控件用于展示状态图标具体为:

所述第三方控件用于展示左右切换的按钮和底下状态图标。

可选地,所述的状态图标控制方法,其中,所述故事板具体用于进行所述基础容器中添加的控件进行遍历,同时通过index来进行控件间的切换。

可选地,所述的状态图标控制方法,其中,所述控件项包括:饼图、柱状图和列表。

可选地,所述的状态图标控制方法,其中,所述配置所述控件项的数据,之后还包括:

判断是否传入数据;

当传入数据时,渲染传入的数据,点击状态图标并停止自动切换,更改所述状态图标的状态以及背景颜色,展示所点击状态图标对应的控件项;

当不传入数据时,采用默认配置的数据,并渲染所述默认数据。

此外,为实现上述目的,本发明还提供一种智能终端,其中,所述智能终端包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的状态图标控制程序,所述状态图标控制程序被所述处理器执行时实现如上所述的状态图标控制方法的步骤。

此外,为实现上述目的,本发明还提供一种存储介质,其中,所述存储介质存储有状态图标控制程序,所述状态图标控制程序被处理器执行时实现如上所述的状态图标控制方法的步骤。

本发明通过获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;配置所述控件项的数据。本发明图标的显示状态图标都可以进行相关的配置,灵活的满足客户的要求,利用和其他容器相同的尺寸就可以展示很多不同的效果,节约了控件,还使得界面更加的具有吸引力,更加美观。

附图说明

图1是本发明状态图标控制方法的较佳实施例的流程图;

图2是本发明状态图标控制方法的较佳实施例中整个执行流程的流程示意图;

图3是本发明状态图标控制方法的较佳实施例中配置项的显示界面,其中有需要配置的属性的示意图;

图4是本发明状态图标控制方法的较佳实施例中状态图标的示意图;

图5是本发明状态图标控制方法的较佳实施例中列表控件的示意图;

图6是本发明状态图标控制方法的较佳实施例中饼图控件的示意图;

图7是本发明状态图标控制方法的较佳实施例中柱状图控件的示意图;

图8是本发明状态图标控制方法的较佳实施例中容器控件的示意图;

图9为本发明智能终端的较佳实施例的运行环境示意图。

具体实施方式

为使本发明的目的、技术方案及优点更加清楚、明确,以下参照附图并举实施例对本发明进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。

本发明较佳实施例所述的状态图标控制方法,如图1和图2所示,所述状态图标控制方法包括以下步骤:

步骤s10、获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;

步骤s20、根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;

步骤s30、根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;

步骤s40、配置所述控件项的数据。

具体地,如图2所示,具体流程如下:

开始后,首先定义一个canvas;

其中,定义:

switchcanvasstyle:事先定义好的样式;

其中,定义canvas的目的:用来充当一个容器,作为切换容器的基础容器,里面可以放入你所想要切换的控件。

定义一个dockpanel并且放入canvas,用来展示状态图标;

定义:

switchbuttondockpanelstyle:事先定义好的样式;

其中,定义dockpanel的目的:主要是用来展示左右切换的按钮和底下状态图标,放入上面定义的canvas(基础容器)中,但是不参与切换。

定义一个storyboard(故事板)来实现canvas容器中空间的切换;

定义:

privatestoryboardm_storyboard=newstoryboard();

其中,定义storyboard的目的:主要是用来进行canvas中添加的控件进行遍历,同时可以通过index来进行控件间的切换。

向容器中添加你所要轮播的控件项,可以添加所要添加的控件(比如饼图、柱状图、列表等)。

当你的控件项添加成功时,同时后台会自动添加对应的状态图标,已达到状态的展示,同时便于你后期点击状态图标进行切换。

配置切换时间间隔:可以通过添加的配置项来进行,时间间隔代表空间自动轮播时,切换的时间间隔。比如说:隔4s切换一次,那就可以设置时间间隔为4s。

配置控件的数据,可以给你所添加的柱状图、饼状图或者等等进行传入数据,当不传入数据时,便使用自己默认配置的数据。

即:判断是否传入数据;当传入数据时,渲染传入的数据,点击状态图标并停止自动切换,更改所述状态图标的状态以及背景颜色,展示所点击状态图标对应的控件项;当不传入数据时,采用默认配置的数据,并渲染所述默认数据。

进一步地,点击状态图标进行切换时:首先当点击状态图标时,调用停止状态轮播的方法,与此同时,通过获取当前状态对应的index,将index传入后台,通过index获取到当前index对应的控件,并且对于当前index对应的控件进行展示。

本发明可以放入任意控件进行切换的wpf容器,主要采用wpf中的canvas容器和storyboard故事板来实现;首先定义一个canvas容器,给canvas容器中添加一个dockpanel,dockpanel主要来呈现切换容器底下的状态图标(border),状态图标默认显示,同时也可以通过配置来更改状态图标是否显示,然后定义一个storyboard来实现canvas中放入的所有的子容器的动画实现。

可以放入任意控件进行切换的wpf容器主要是可以方便的进行各种不同控件或者组件进行切换,相比wpf自带的控件,wpf自带的控件主要用来进行页面的布局,功能比较单一;比如说dockpanel,它定义一个区域,在此区域中,您可以使子元素通过描点的形式排列,这些对象位于children属性中。停靠面板类似于winform中控件的dock属性。dockpanel会对每个子元素进行排序,并将根据指定的边进行停靠,多个停靠在同侧的元素则按顺序排序。在dockpanel中,指定停靠边的控件,会根据定义的顺序占领边角,所有控件绝不会交叠。可以放入任意控件进行切换的wpf容器不仅可以进行方便的设置放入控件的位置,而且可以对容器中的各类组件进行切换,可以占据和其他容器相同的空间向用户展示出更多的内容,并且切换效果也可以使得界面效果展示更佳。

就比如说现在有一个客户需要一个网页来展示一些数据的分析,不希望网页占据太大尺寸,但又希望列出来不同的数据分析的情况。比如说用柱状图、饼图等来都来进行分析。普通的容器想要达到这样的效果,只能将容器尺寸进行扩大;或者是容器的尺寸不改变,将容器里的控件大小进行调整,甚至硬是将几项控件压缩尺寸挤进这个容器中。一方面达不到客户的要求,另一方面控件尺寸还会影响展示的效果,有可能会出现字体太小看不清等问题。这个时候就可以使用可以放入任意控件进行切换的wpf容器,可以将饼图、柱状图、列表等任意控件添加进容器里,然后展示的时候就会对容器里的控件进行切换,切换的时间间隔、是否自动切换、是否显示状态图标都可以进行相关的配置,灵活的满足客户的要求,利用和其他容器相同的尺寸就可以展示很多不同的效果,节约了控件,还使得界面更加的炫,更加美观。如图5-8就是一个简单的切换容器的展示。

图5-8所示的是一个放入任意控件进行切换的wpf容器,其中放入了4个控件,如图5是一个列表控件,是添加进容器的第一个控件,作为第一项,切换到它时,可以看到底下的状态图标第一个为白色,表示当前切换到第一个控件;图6是一个饼图控件,是第二个添加进容器的控件,作为第二项,切换到它时,可以看到状态图标第二个变为白色,表示当前切换到第二个控件;图7是一个柱状图控件,是第三个添加进容器的控件,作为第三项,切换到它时,可以看到状态图标第三个变为白色,表示当前切换到第三个控件;图8是一个容器控件,其中包括了几个文本控件,是第四个添加进容器的控件,作为第四项,切换到它时,可以看到状态图标第四个变为白色,表示当前切换到第四个控件;与此同时,用户可以点击底下的状态图标进行这四个控件之间的切换,也可以项此容器中放入其他你所需要展示的控件。

配置项一方面满足不同人员与对于可以放入任意控件进行切换的wpf容器属性的修改,另一方面方便一些非开发人员可以随意的进行可以放入任意控件进行切换的wpf容器样式的配置修改。比如在某个项目中,使用了可以放入任意控件进行切换的wpf容器,项目交给客户,客户想让此容器中的控件切换的慢一点,因为切换太快可能会导致某一项还未看清便切换到下一项了。如果没有配置项,可能需要进行代码的修改,此时要进行一系列的流程,比如第一步:现场技术支持人员从客户一方得知此需求记录下来;第二步:通过一系列的途径联系到开发此项目的开发人员;第三步:开发人员接收到此需求进行源代码的修改,可能将切换时间间隔修改到20s、30s或者等等,修改完毕重新打包补丁包提供给技术支持;第四步:技术支持再演示给客户,如果达到客户要求还可以,一旦达不到客户的要求,便需要再重复此流程;显而易见,此间浪费了大量时间以及人力物力,严重时还会影响项目验收、公司信誉等等。此时,有了配置项,客户一旦不满意可以放入任意控件进行切换的wpf容器的自动切换时间间隔、是否显示状态图标切换方向等,就可以直接实时通过配置项来修改,以达到客户的要求,方便快捷,节约了大量的时间以及人力物力,还会让客户感觉到我们项目的灵活性,更有利于公司之间的合作。

如图3就是配置项,其中有需要配置的属性(状态图标,图3中底下长方形框标记,当前控件项展示时,对应的状态图标为白色,如果未选中,则为淡橘色)。

状态图标里面是容器中有几项控件,就展示几个状态图标。一方面是对于容器中的每一项控件的状态进行标明,直接明了的告知用户当前是否切换到此项控件,也就是说当前展示的是否是此项,避免用户进行不必要的操作;具体表现为:当前控件项展示时,对应的状态图标为白色,如果未选中,则为淡橘色(实际展示时的颜色);另一方面是进行此项图标点击的时候,对应的显示当前控件。比如说当前项目在给客户展示的时候,客户觉得某一项还没有仔细分析就切换过去了,或者是切换时间间隔太长了,客户等不及想要分析下一项,这个时候他就可以点击对应的状态图标,这个时候就会停止自动切换,并且展示当前图标对应的这项控件,用户可以停下来进行仔细的分析以及研究。灵活的满足客户所有情况下的需求。如图4就是状态图标的展示,如图4就是状态图标。

进一步地,如图9所示,基于上述状态图标控制方法,本发明还相应提供了一种智能终端,所述智能终端包括处理器10、存储器20及显示器30。图9仅示出了智能终端的部分组件,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。

所述存储器20在一些实施例中可以是所述智能终端的内部存储单元,例如智能终端的硬盘或内存。所述存储器20在另一些实施例中也可以是所述智能终端的外部存储设备,例如所述智能终端上配备的插接式硬盘,智能存储卡(smartmediacard,smc),安全数字(securedigital,sd)卡,闪存卡(flashcard)等。进一步地,所述存储器20还可以既包括所述智能终端的内部存储单元也包括外部存储设备。所述存储器20用于存储安装于所述智能终端的应用软件及各类数据,例如所述安装智能终端的程序代码等。所述存储器20还可以用于暂时地存储已经输出或者将要输出的数据。在一实施例中,存储器20上存储有状态图标控制程序40,该状态图标控制程序40可被处理器10所执行,从而实现本申请中状态图标控制方法。

所述处理器10在一些实施例中可以是一中央处理器(centralprocessingunit,cpu),微处理器或其他数据处理芯片,用于运行所述存储器20中存储的程序代码或处理数据,例如执行所述状态图标控制方法等。

所述显示器30在一些实施例中可以是led显示器、液晶显示器、触控式液晶显示器以及oled(organiclight-emittingdiode,有机发光二极管)触摸器等。所述显示器30用于显示在所述智能终端的信息以及用于显示可视化的用户界面。所述智能终端的部件10-30通过系统总线相互通信。

在一实施例中,当处理器10执行所述存储器20中状态图标控制程序40时实现以下步骤:

获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;

根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;

根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;

配置所述控件项的数据。

所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个作为切换容器的基础容器,所述基础容器用于放置切换的控件。

所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个第三方控件并放入所述基础容器,所述第三方控件用于展示状态图标。

所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个故事板,所述故事板,所述故事板用于实现所述基础容器中空间的切换。

所述第三方控件用于展示状态图标具体为:

所述第三方控件用于展示左右切换的按钮和底下状态图标。

所述故事板具体用于进行所述基础容器中添加的控件进行遍历,同时通过index来进行控件间的切换。

所述控件项包括:饼图、柱状图和列表。

所述配置所述控件项的数据,之后还包括:

判断是否传入数据;

当传入数据时,渲染传入的数据,点击状态图标并停止自动切换,更改所述状态图标的状态以及背景颜色,展示所点击状态图标对应的控件项;

当不传入数据时,采用默认配置的数据,并渲染所述默认数据。

本发明还提供一种存储介质,其中,所述存储介质存储有状态图标控制程序,所述状态图标控制程序被处理器执行时实现如上所述的状态图标控制方法的步骤。

综上所述,本发明提供一种状态图标控制方法、智能终端及存储介质,所述方法包括:获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;配置所述控件项的数据。本发明图标的显示状态图标都可以进行相关的配置,灵活的满足客户的要求,利用和其他容器相同的尺寸就可以展示很多不同的效果,节约了控件,还使得界面更加的具有吸引力,更加美观。

当然,本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关硬件(如处理器,控制器等)来完成,所述的程序可存储于一计算机可读取的存储介质中,所述程序在执行时可包括如上述各方法实施例的流程。其中所述的存储介质可为存储器、磁碟、光盘等。

应当理解的是,本发明的应用不限于上述的举例,对本领域普通技术人员来说,可以根据上述说明加以改进或变换,所有这些改进和变换都应属于本发明所附权利要求的保护范围。


技术特征:

1.一种状态图标控制方法,其特征在于,所述状态图标控制方法包括:

获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;

根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;

根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;

配置所述控件项的数据。

2.根据权利要求1所述的状态图标控制方法,其特征在于,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个作为切换容器的基础容器,所述基础容器用于放置切换的控件。

3.根据权利要求2所述的状态图标控制方法,其特征在于,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个第三方控件并放入所述基础容器,所述第三方控件用于展示状态图标。

4.根据权利要求3所述的状态图标控制方法,其特征在于,所述获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板,之前还包括:

定义一个故事板,所述故事板,所述故事板用于实现所述基础容器中空间的切换。

5.根据权利要求1所述的状态图标控制方法,其特征在于,所述第三方控件用于展示状态图标具体为:

所述第三方控件用于展示左右切换的按钮和底下状态图标。

6.根据权利要求1所述的状态图标控制方法,其特征在于,所述故事板具体用于进行所述基础容器中添加的控件进行遍历,同时通过index来进行控件间的切换。

7.根据权利要求1所述的状态图标控制方法,其特征在于,所述控件项包括:饼图、柱状图和列表。

8.根据权利要求1所述的状态图标控制方法,其特征在于,所述配置所述控件项的数据,之后还包括:

判断是否传入数据;

当传入数据时,渲染传入的数据,点击状态图标并停止自动切换,更改所述状态图标的状态以及背景颜色,展示所点击状态图标对应的控件项;

当不传入数据时,采用默认配置的数据,并渲染所述默认数据。

9.一种智能终端,其特征在于,所述智能终端包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的状态图标控制程序,所述状态图标控制程序被所述处理器执行时实现如权利要求1-8任一项所述的状态图标控制方法的步骤。

10.一种存储介质,其特征在于,所述存储介质存储有状态图标控制程序,所述状态图标控制程序被处理器执行时实现如权利要求1-8任一项所述的状态图标控制方法的步骤。

技术总结
本发明公开了一种状态图标控制方法、智能终端及存储介质,所述方法包括:获取用于放置切换的控件的基础容器、用于展示状态图标第三方控件和实现所述基础容器中空间的切换的故事板;根据用户需求向所述基础容器添加所要轮播的控件项,后台根据所述控件项自动添加对应的状态图标;根据添加的配置项配置切换的时间间隔,所述时间间隔表示空间自动轮播时切换的时间间隔;配置所述控件项的数据。本发明图标的显示状态图标都可以进行相关的配置,灵活的满足客户的要求,利用和其他容器相同的尺寸就可以展示很多不同的效果,节约了控件,还使得界面更加的具有吸引力,更加美观。

技术研发人员:王俊;吴闽华;姜坤;卫宣安
受保护的技术使用者:深圳震有科技股份有限公司
技术研发日:2020.02.13
技术公布日:2020.06.09

转载请注明原文地址: https://bbs.8miu.com/read-28423.html

最新回复(0)