首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开始使用-编写你的第一个Flutter应用程序 顶

如何实现有状态的小部件。 如何创建一个无限的,延迟加载的列表。 如何创建并导航到第二个屏幕。 如何使用主题更改应用程序的外观。...lib/main.dart 第4步:创建一个无限滚动ListView 在这一步中,您将展开RandomWordsState以生成并显示单词配对列表。...1.向RandomWordsState的构建方法中的AppBar添加列表图标。 当用户点击列表图标时,包含收藏夹项目的新路线被推送到导航器,显示该图标。...最喜欢的一些选择,并点击应用栏中的列表图标。 新路线显示包含收藏夹。 请注意,导航器会在应用栏中添加一个“返回”按钮。 你不必显式实现Navigator.pop。 点击后退按钮返回到主页路由。 ?...用ListView和ListTiles创建一个延迟加载的无限滚动列表。 创建了一条路由并添加了在主路由和新路由之间移动的逻辑。 了解如何使用主题更改应用UI的外观。

9.5K20

Edge2AI之使用 Cloudera Data Viz 创建仪表板

实验总结 实验 1 – 部署并导航到 Cloudera Data Visualization 实验 2 - 创建新的数据连接 实验 3 - 探索数据 实验 4 - 创建仪表板 实验 5 - 添加图表 实验...1 – 部署并导航到 Cloudera Data Visualization 本实验向您展示如何部署和导航到 Cloudera 数据可视化 (DataViz) 页面。...添加Data Visualization到CDSW项目中 在左侧边栏上,单击Projects。 单击要在其中添加客户引擎的项目。因为不需要已有的脚本,可以选择空白项目。...如果您不知道如何到达,请按照以下导航步骤操作: 在 Cloudera Manager 中,单击集群 > Cloudera Data Science Workbench。...由于我们从数据集页面开始创建仪表板,您是否会注意到默认情况下已创建仪表板,并带有显示数据集所有字段的“table visual”。

3.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用 Blazor WebAssembly 实现微前端

    ,展示了如何使用Blazor 实现多模块分布式的应用程序的微前端,如下图所示。...我的示例项目的结构是下边这样 Blazor 的延迟加载功能允许标记应用程序集,当用户导航到特定路由时,才开始加载程序集,这个功能包括修改程序路由时修改项目文件。...如果延迟加载的程序集包含了可路由的组件,添加一个 List,如果程序集包含可路由的组件,则将程序集传递回 AdditionalAssemblies 集合,框架在程序集中搜索路线,并在找到任何新路线时更新路线集合...,例如 /WaelsMagicComponent, CancellationToken可用于观察异步任务的取消, 用户导航到其他页面时,OnNavigateAsync自动取消当前正在运行的导航任务, 在...下图显示了导航到 Waels Magic 选项卡后如何按需加载 WaelsMagicComponent,由于应用程序避免在启动时下载所有dll,所以可以加快 Blzaor 程序的启动时间。

    3K00

    「译」 用 Blazor WebAssembly 实现微前端

    我聊下最近我在做的事情,然后分享下在Blazor WebAssembly 微前端的实现细节,这篇文章是我的一些心得,以及一个示例的 Demo 项目,展示了如何使用Blazor 实现多模块分布式的应用程序的微前端...我的示例项目的结构是下边这样 ? Blazor 的延迟加载功能允许标记应用程序集,当用户导航到特定路由时,才开始加载程序集,这个功能包括修改程序路由时修改项目文件。...如果延迟加载的程序集包含了可路由的组件,添加一个 List,如果程序集包含可路由的组件,则将程序集传递回 AdditionalAssemblies 集合,框架在程序集中搜索路线,并在找到任何新路线时更新路线集合...,例如 /WaelsMagicComponent, CancellationToken可用于观察异步任务的取消, 用户导航到其他页面时,OnNavigateAsync自动取消当前正在运行的导航任务, 在...下图显示了导航到 Waels Magic 选项卡后如何按需加载 WaelsMagicComponent,由于应用程序避免在启动时下载所有dll,所以可以加快 Blzaor 程序的启动时间。 ?

    2.7K20

    教程|使用Cloudera机器学习构建集群模型

    本节描述了如何使用CML创建模型和创建要运行的作业的示例。...然后单击“开始运行”以运行实验并观察结果。 要跟踪运行进度,请返回项目概述。在左侧导航栏中,点击实验。您应该在列表顶部看到刚刚运行的实验。 ? 单击“运行ID”以查看每个单独运行的概述。...您还可以设置有关工作状态的电子邮件警报,并定期为您和您的队友附加输出文件。在项目范围内创建作业。 接下来,使用左侧栏中的作业选项卡创建作业。 ? 单击新建作业,然后输入作业的名称。...从该项目中现有作业的下拉列表中,选择该项目应依赖的作业。 在本教程中,我们使用循环计划每5分钟运行一次。选择引擎配置文件以指定每个会话可用的内核数和内存。 ?...导航到项目概述>模型页面。 单击“新建模型”,然后填写字段,如下所示。确保使用Python 3内核。

    1.5K20

    如何在CentOS 7上安装和配置Grafana从Zabbix绘制漂亮的图形

    再次选择Grafana徽标并导航到数据源。然后单击“ 添加数据源”按钮。您将看到数据源的配置页面: 配置数据源如下: 在名称字段中输入此新数据源的名称。...单击添加按钮以测试并保存配置。您将看到如下所示的成功消息: 如果您没有看到此消息,请检查您的凭据并再次测试。 现在让我们看一下插件附带的Zabbix仪表板。...第4步 - 创建自定义Zabbix仪表板 让我们为Zabbix创建一个仪表板,用于实时显示CPU使用情况和文件系统信息。 打开屏幕顶部的下拉列表,然后单击新建按钮。将创建一个新的空仪表板。...现在让我们测试一下该仪表如何响应实时事件。为此,我们将手动减少磁盘上的可用空间,并查看仪表板显示的内容。...几分钟后,仪表板将再次更新以反映文件系统上的更改。 结论 在本教程中,您学习了如何安装和配置Grafana,并创建了一个自定义仪表板,其中的面板显示了Zabbix的数据。

    6K10

    AngularDart4.0 英雄之旅-教程-01介绍

    您将学习以下内容: 使用内置指令来显示和隐藏元素并显示英雄数据列表。 创建组件以显示英雄细节并显示一系列英雄。 对只读数据使用单向数据绑定。 添加可编辑字段以更新具有双向数据绑定的模型。...将组件方法绑定到用户事件,如按键和点击。 允许用户从主列表中选择一个英雄,并在详细信息视图中编辑该英雄。 用管道格式化数据。 创建一个共享服务来组合英雄。 使用路由在不同视图及其组件之间导航。  ...本教程提供了一个可视化的想法,以仪表盘和众多英勇的英雄开始。 ? 你可以单击面板上边的两个链接在“Dashboard”和“Heroes”间切换。...点击"Back"将返回到面板,顶部的链接带你进入不同的主视图,单击“Heroes”,应用将显示“Heroes”主列表视图。 ? 当您单击不同的英雄名称时,列表下面的只读迷你细节反映了新的选择。...您可以单击“查看详细信息”按钮,获取所选英雄的可编辑详细信息。 下图捕获所有导航选项。 ? 应用动图 ? 接下来 您将一步一步地构建“英雄之旅”应用程序。

    1.3K20

    Android Studio 3.6 发布啦,快来围观

    四、重构菜单选项以启用 Instant Apps 支持 在创建应用程序项目后立即启用基础模块,如下所示: 通过 从菜单栏中选择View > Tool Windows > Project来打开“ 项目”...在虚拟设备运行时,最多可以添加两个以下显示: 1.打开扩展控件,然后导航到 Displays 选项卡。 2.通过单击添加 Add secondary display 来添加另一个显示。...对于大型项目,检索任务列表可能会导致同步时间变慢。...启用此选项后,Android Studio会在同步过程中跳过构建任务列表,从而使Gradle Sync更快地完成并改善UI响应速度。...要变通解决此问题,请执行以下操作: 1.通过单击 File > Settings 打开设置窗口。 2.导航到Appearance & Behavior > Appearance。

    9K20

    关于“Python”的核心知识点整理大全60

    你让老用户能够登录和注销,并学习了如何使用Django提供的 表单UserCreationForm让用户能够创建新账户。...在本书的最后一章,我们 将设置这个项目的样式,使其更漂亮;我们还将把它部署到一台服务器上,让任何人都可通过互 联网注册并创建账户。...在本节中,我将简要地介绍应用程序django-bootstrap3,并演示如何将其继承到项目中,为 部署项目做好准备。...在2处,这个模板定义了一个按钮,它将在浏览器窗口太窄、无法水平显示整个导航栏时显 示出来。如果用户单击这个按钮,将出现一个下拉列表,其中包含所有的导航元素。...导航栏其实就是一个以 打头 的列表(见5),其中每个链接都是一个列表项()。

    13610

    Adobe国际认证教程指南|Adobe Premiere Pro 新建项目

    选择的媒体会汇集到窗口底部的托盘中,直观表现即将成型的故事。在 Premiere Pro 中打开一个新项目。选择媒体后,请单击创建,以打开新序列。...将媒体导入新项目在主屏幕中,单击新建项目以打开导入模式。1.为您的项目命名。2.选择项目文件的位置。3.在左侧栏中,导航到您的媒体存储位置。(您的媒体会显示在导入桌面上。)...切换到列表视图即可查看有关媒体的更多信息。对于经常使用的位置,可以单击存储位置旁边的星形图标,将其添加到您的收藏夹。5.单击创建将媒体作为序列导入 Premiere Pro 中。...如果要整理项目媒体,请创建一个新的素材箱并为其命名。媒体并不会复制到新位置,但会显示在项目面板中的这一素材箱中。开启新建序列后,当您单击创建时,托盘中的资源会按照被选中的顺序直接添加到新的时间轴中。...在“编辑”模式下,您可以使用媒体浏览器导航到系统上的位置并添加新媒体。在项目面板上双击以打开 Windows 或 macOS Finder 窗口。

    70530

    《TKE学习》部署容器服务 TKE(二)

    在“集群管理”页面中,单击集群列表页上方的【新建】。如下图所示: [Snipaste_2019-11-18_15-13-25.png] 在“创建集群”页面,设置集群的基本信息,并单击【下一步】。...如下图所示: 集群名称:输入要创建的集群的名称,不超过60个字符。 新增资源所属项目:根据实际需求进行选择,新增的资源将会自动分配到该项目下。...勾选后,会进行以下操作: - 会将数据盘自动挂载到您指定的挂载点,并自动格式化为 ext4 文件系统格式。 - 会将容器存储到挂载点的容器目录。 - 此选项仅对拥有一块数据盘的节点生效。...在此步骤中,您将查看您所创建的资源。 查看集群 单击左侧导航栏中的【集群】,选择集群列表页集群的 ID。...删除集群 单击左侧导航栏中的【集群】,选择需删除集群列表右侧【更多】>【删除】。

    2.4K40

    Vitis指南 | Xilinx Vitis 系列(四)

    下一节将向您展示如何设置工作区,创建新的Vitis IDE项目以及如何使用IDE的关键功能。 8.2.1 启动Vitis IDE工作区 1.直接从以下命令行启动Vitis IDE。 ?...3.单击浏览以浏览并指定工作区,或在工作区字段中键入适当的路径。 4.选择“ 将此用作默认值”,并且不再次询问将指定的工作空间设置为默认选项,并在以后的IDE使用中取消此对话框。 5.点击启动。...):将您自己的平台添加到可用平台列表中。要添加新平台,请导航到自定义平台的顶级目录,选择它,然后单击“ 确定”。该定制平台可立即从可用平台列表中进行选择。 管理平台存储库( ?...2.在对话框的“从目录”字段中,单击“ 浏览”命令以选择要从中导入源的目录。 3.在“到目录”字段中,确保指定的文件夹是您的应用程序项目的src文件夹。 4.选择所需的源文件,然后单击完成。...选择一个构建配置,然后使用右键单击菜单导航到 Run > Run Configurations,打开Vitis Run Configuration Settings对话框,您可以在其中配置运行。 ?

    1.9K10

    AngularDart 4.0 高级-路由概述 顶

    它可以将浏览器URL解释为导航到客户端生成视图的指令。它可以将可选参数传递给支持视图组件,以帮助确定要呈现的具体内容。您可以将路由器绑定到页面上的链接,并在用户单击链接时导航到适当的应用程序视图。...@RouteConfig 使用RouteDefinition列表配置路由。 RouteDefinition 定义路由如何根据URL模式导航到组件。 Route 一种RouteDefinition。...定义路由器如何根据URL模式导航到组件。 大多数路由由路径,路由名称和组件类型组成。 RouterOutlet 指示路由应该显示视图的指令()。...RouterLink 将可点击HTML元素绑定到路由的指令。 单击具有绑定到链接参数列表的routerLink指令的元素会触发导航。...这两个按钮都回到危机中心及其危机列表。 不要单击任一按钮。 点击浏览器后退按钮或“英雄”链接。 向上弹出一个对话框。 ? 您可以选择“OK”并丢失您的更改,或单击“Cancel”并继续编辑。

    6.1K20

    >>开发工具:IntelliJ IDEA 2020.3基础技能

    ⌘ 跳转到导航栏 按Alt + Home。 滚动条 在编辑器中使用代码时,IntelliJ IDEA在滚动条上显示代码分析结果,其中包括错误和警告。您可以检查您的代码是否有问题,然后快速导航到它们。...将鼠标悬停在条纹上可查看描述问题的工具提示,或单击该条纹以进行快速导航。 在处理文件时,通常会看到许多条纹。当您完成代码时,许多这些错误,警告和建议最终都会得到解决。...要关闭所有非活动选项卡,请按⌥并单击关闭按钮活动选项卡。在这种情况下,只有活动选项卡保持打开状态。...复制路径IntelliJ IDEA将项目复制到剪贴板,您可以⌘V在需要的地方粘贴()。...在编辑器中,右键单击所需的编辑器选项卡,然后选择要分割编辑器窗口的方式(“分割右”或“分割下”)。IntelliJ IDEA创建编辑器的拆分视图,并根据您的选择放置它。

    35620

    PS模块第十节:PA PLM220详细练习

    使用以下数据: a) SAP 菜单-物流、项目系统、项目、项目生成器(双击以选择项目生成 器)将项目 T-100##从工作列表中“拖放”到结构树中。...在组件概述中使用以下数据进行分配: a) SAP 菜单-物流-项目系统-项目-项目生成器(双击以选择项目生成器)。将项目 T-100##从工作列表中“拖放”到结构树中。...a) SAP 菜单-物流-项目系统、物料-计划一库存/需求列表(双击以选择交 易)。使用初始屏幕上的指定数据。单击“继续”图标以调用该列表。...这允许您总是在一个单独的会议中分析股票/需求列表。在新会话中,调用事务以进行特定于项目的计划运行,并使用初始屏幕上 的指定设置: a) 选择“创建会话”。...在交付信息中使用以下数据: a) SAP 菜单-物流、项目系统、项目、项目生成器(双击以选择项目生成 器)将 T-100##项目从工作列表中“拖放”到结构树中。

    3.8K22

    如何在.NET电子表格应用程序中创建流程图

    在企业环境中,高管和经理利用流程图来规划业务流程,使他们能够识别瓶颈、优化生产力并增强决策能力……用例列表不胜枚举。然而,一个新的问题出现了,这些流程图由谁来维护?流程图如何共享或协作?...使用什么软件来创建它们? 为了解决上述的问题,今天小编就为大家介绍如何在.NET WinForms 应用程序中使用电子表格设计器组件在运行时创建形状操作流程图。...创建Windows 窗体应用程序并选择.NET6作为框架。...安装完之后,导航到项目Form1.cs的设计器: 在 VS Designer 中,找到工具箱中的FpSpread和FpSpreadDesigner组件。...在 Designer 的工具栏上,导航至“文件”菜单,选择“应用”和“退出”以应用所有更改,然后退出 Spread Designer。用户可以重新打开设计器并对流程图进行更改。

    26320

    【云+社区年度征文】云直播:基于API+SCF+Redis实现流状态同步和查询

    在主界面上方选择期望创建函数的地域,并单击【新建】,进入函数创建流程,选择运行环境为Python3.6,以空白函数方式创建,点击下一步后,按需填写内容,点击完成即可。...在左侧导航栏,单击【服务】,进入服务列表页。 在当前地域下,单击页面左上角的【新建】,新建一个服务。...步骤5:云直播回调配置 1、在API网关控制台的左侧导航栏,单击【服务】,进入服务列表页。...2、在主界面上方选择期望创建函数的地域,并单击【新建】,进入函数创建流程,选择运行环境为Python3.6,以空白函数方式创建,点击下一步后,按需填写内容,点击完成即可。...在左侧导航栏,单击【服务】,进入服务列表页。 在当前地域下,单击页面左上角的【新建】,新建一个服务。

    2.7K92

    使用 Jenkins X、Kubernetes 和 Spring Boot 实现 CICD

    完成后,运行 jx console 并单击链接以登录到 Jenkins 实例。单击 Administration 并升级 Jenkins 及其所有插件(插件管理器 > 滚动到底部并选择全部)。...此过程将执行一些任务: 为你的项目创建一个版本。 为演示环境项目创建 pull request。 将其自动部署到演示环境,以便你可以查看它的运行情况。...单击 Web 和 下一步。在下一页中,输入以下值并单击 Done (必须单击 Done,然后编辑以修改注销重定向 URI)。...要创建 API token: 导航到 API > Tokens ,然后单击 Create Token 为令牌命名(例如 “Jenkins X”),然后将其值设置为 OKTA_CLIENT_TOKEN 环境变量...单击 Add Attribute 并使用以下值: 显示名称: Holdings 变量名: holdings 描述: Cryptocurrency Holdings 执行这些步骤后,你应该能够导航到 http

    4.3K10

    PyCharm入门教程——用户界面导览「建议收藏」

    此外,该IDE提供了一些高级功能,以用于Django框架下的专业Web开发。 通过这篇文章,您可以了解PyCharm用户界面是如何组织的,以帮助您在工作环境中找到自己的方式。...Navigation bar ——项目工具窗口的快速替代。使用它可以浏览整个项目并打开文件进行编辑。 使用View导航栏隐藏或显示导航栏;按Alt+Home将应用程序焦点移到导航栏。...Status bar ——指示项目、整个IDE的状态,并显示各种警告和信息消息。 Editor ——在这里,您可以阅读、创建和修改代码。...3.Navigation bar 导航栏是项目工具窗口的替代项。 4.Context menus 右键单击可用的上下文菜单包含适用于当前上下文的命令。...Navigation bar View | Navigation Bar Alt+Home 导航栏是项目工具窗口的快速替代方案。 在栏的左侧,您可以浏览项目并打开文件进行编辑。

    3.9K10
    领券