文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Xamarin 学习笔记 - Page（页面）

这里我们将不谈论任何平台，它仅仅是一个标准（当前版本2.0），你的代码可以在支持它的所有平台上运行。在2017年11月，.NET Standard进入了Xamarin.Forms的项目模板。...它可以包含什么？ 页面是一个主容器，在我们的示例中，它是一个ContentPage类型的页面。...这些视图是一组控件，在本示例中，我们用到的是：一个Label标签，一个Entry（输入文本）以及一个Button按钮。 Xamarin.Forms提供了许多可用的页面，以允许提出各种不同的导航体验。...是一个管理两个相关信息页面的页面 - 一个显示项目的主记录页面，以及一个显示主记录页面上单个项目详细信息的详细信息页面。...主记录页面将包含菜单列表，详细信息页面将显示详细信息并将链接返回主记录页面，想法很简单，如果你有任何按钮或选项在菜单中显示它但你想在一开始隐藏它们，以保持良好的UI体验。

4.6K20
您找到你想要的搜索结果了吗？
是的
没有找到

Succinctly 中文系列教程（三）20220109 更新

三、Keystone.js 中的数据建模 四、Swig 模板 五、处理视图 六、表单和验证 七、认证用户 八、管理界面 九、构建 REST API Succinctly LinqPad 教程 一、简介...，网格，漂亮的网格 二、内容为王 三、一图胜千言 四、表格的转动 五、坚固基础的组件 六、向用户反馈状态 七、按钮形状的疯狂表单 八、整个世界的导航 九、纸牌屋 十、数据项的表单 十一、组件集的剩余部分...教程 零、简介 一、开始学习 Xamarin.Forms 二、平台间代码共享 三、使用 XAML 构建用户界面 四、使用布局组织 UI 五、Xamarin.Forms 常用控件 六、页面和导航 七、...资源和数据绑定 八、访问平台特定的 API 九、管理应用生命周期 十、实用资源 Succinctly 面向 MacOS 的 Xamarin.Forms 教程 零、简介 一、开始学习 Xamarin.Forms...二、跨平台共享代码 三、使用 XAML 构建用户界面 四、实用布局组织 UI 五、Xamarin.Forms 常用控件 六、页面和导航 七、资源和数据绑定 八、访问平台特定的 API 九、管理应用生命周期

18.4K20

Visual Studio 2017 15.8 版发行说明

可通过取消选中 CPU 使用情况主视图的“筛选器”下拉列表中的“拼结异步代码”选项来关闭此行为。 添加了“模块/函数”视图，该视图按模块 (dll) 和模块内的函数显示性能信息。...在 CPU 使用情况主视图中选择函数时，可从上下文菜单中显示“模块/函数”视图，也可以从“调用树”或“调用方/被调用方”视图的“查看”下拉列表中显示“模块/函数”视图。...可在此功能的 RFC 中了解详细信息。 列表和数组括号上允许缩进 F# 4.5 现在放松了列表和数组括号的缩进规则，此前如果列表和数组括号位于自己的行上需将其向前缩进一个作用域。...此外，F# 序列表达式无此要求。 现在，数组表达和列表表达式与序列表达式一样，不再受此要求限制。 可在此功能的 RFC 中了解详细信息。...Xamarin.Forms 控件将在工具箱中显示，这让工具箱新手们能更轻松地找到它们。 还可将控件拖放到 XAML 代码编辑器中，从而在页面上添加控件。

8.2K10

Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面

的项目 · 如何使用Xamarin.Forms的控件 · 如何在页面之间进行导航 · 如何进行数据绑定 系统需求 iOS : 由于Apple限制iOS应用程式编译都需要透过Xcode, 因此需要1台MAC...Forms开始编程 开发人员可以在Xamarin Studio和Visual Studio中创建 Xamarin.Forms的项目，有四种项目类型可以选择： Portable Library：用于代码共享的类库...Layout - 布局或者容器控件 Cell - 表格或者列表控件的子项目 常用控件： Xamarin.Forms 控件 描述 Label 只读的文本展示控件 Entry 单行的文本输入框 Button...列表 ListView是一个非常常见的控件，用于展现一组数据，每一个条目都会被包含在一个单元格内部。默认情况下ListView使用了一个 TextCell作为模板来展现每一个条目数据。...Xamarin.Forms，到如何创建一个 Xamarin.Forms 项目，如何构建用户界面，如何进行数据绑定以及如何切换页面。

12.9K70

从零开始的Android：常见的UI设计模式

顾名思义，您以列表格式显示数据，当单击该列表中的项目时，它将打开一个显示更多详细信息的新屏幕。 尽管此模式称为列表和详细信息，但没有理由也不能将相同的逻辑应用于网格设计。...此模式的关键特征是，列表/网格中的每个项目在被选中时都应执行显示更多详细信息的相同操作。...在Google Play音乐应用程序中可以看到这种模式的示例，该应用程序为用户提供了一张专辑网格，可以选择该专辑网格来显示该专辑可用的歌曲。 环聊是列表和详细信息模式的另一个示例。...工具列 您可能已经注意到，Android应用程序中的大多数页面在屏幕顶部都包含一个工具栏。...用户可以在几行项目之间移动，然后水平滚动以查看他们可用的内容。 当用户找到要查看的项目时，可以选择该项目以查看详细信息屏幕，该屏幕提供了该项目的操作列表。

2.6K20

14个UI精美功能强大的Android应用设计模板

3个图库样式（圆形、方形和宽缩略图） 3个投资组合风格（1列、2列和项目选择） 5个新闻模板（主页、文章列表、文章帖子） 2个档案页面样式（经典与现代设计） 即将推出页面 2个主页样式（经典主页和新闻风格主页...此款App主打根据日期为节点来制定每日每时所需完成的任务。多个页面采用网格视图的排版模式，设计简单大方。整体风格轻快，功能不多但简要。...功能： 登录页面 注册页面 网格视图主页 添加任务页面 今天的任务详细页面 下载模板 12. FOCUS - 在线学习App ?...FOCUS是一款用于在线学习和课程预定的应用程序，可用于大多数互联网学习业务。模板包括60多个图标和15个以上的屏幕，如登录、优化详细信息、地图视图、属性列表等。...功能： 启动页面 登录页面 注册页面 细节主页与新的广场设计 Whishlist “课程详细信息”页面包含特定课程的有组织详细信 我当前的课程页面 个人资料页 搜索页面 下载模板 13.

4K10

张高兴的 Xamarin.Forms 开发笔记：为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

左侧的汉堡菜单称为“大纲”（Master），右侧的页面称为“细节”（Detail）。Xamarin.Froms 为项目提供了若干种导航模式，“大纲-细节”为其中一种。...待项目创建完成后，解决方案共包含四个项目：共享代码项目、 Android 项目、 iOS 项目、 UWP 项目。共享代码项目为存放共享页面的地方，个人觉得和类库还是有点区别的。 ?...三、共享代码项目 HamburgerMenuDemo  　　首先添加几个页面，根目录下添加一个 MasterPage.xaml 页面，用于”大纲视图“。...要注意的是，Color 类型为 Xamarin.Forms 中的。...MasterPage.xaml 　　MasterPage 为”大纲“视图，即左侧显示 ListView 的页面。

4.5K100

Material Design —卡片（Cards）

卡片 卡片是更详细信息的入口点的一张材料。 卡片可能包含照片，文字和关于单个主题的链接。 他们可能会展示包含不同尺寸元素的内容，例如带有可变长度标题的照片。...支持的手势 滑动（swipe） 拾取并移动（Pick-up-and-move） 相关组件 网格列表（Grid lists） 对于开发者 Android卡片 聚合卡片（Polymer cards） ---...按钮或评论 ·在网格列表中，但需要显示更多内容来补充图像 ?...左：网格tile以干净轻量方式展示图片库    右：卡片不适合展示同类内容 ---- 内容 卡片为联系更紧密的信息和视图提供上下文和入口点，其内容和数量可能会有很大差异。...对于依赖焦点遍历进行导航（手柄和键盘）的页面，卡片应具有主要操作或打开包含主要和补充操作的新视图。 ? 选择操作 ?

4.3K100

Jmix 2.1 发布

有关完整的详细信息和升级说明，请参阅文档中的最近更新[1]页面。 新的扩展组件 我们将一些之前在 Jmix v.1 中基于经典 UI 的扩展组件迁移了过来。...数据网格的表头过滤器在功能上类似于 propertyFilter，但不占用任何额外的屏幕空间，因此可以成为大多数视图的默认过滤选择。...新的 UI 组件和 Facets VirtualList 新的 virtualList 组件用于展示任意内容的列表。在页面中，该组件仅渲染当前可见的部分，因此，无论内容多复杂，都能保证有良好的性能。...视图设计器的改进 下面我们看一下 Studio 中的新功能和改进。 Studio 中最明显的变化可能是包含了组件的层次结构和属性的 Jmix UI 工具窗口。...为了节省打开项目的时间，现在只有在 XML 编辑器顶部面板中点击 Start Preview 按钮时，才会打开预览面板。面板打开后，项目中后续所有打开的视图都将展示在预览面板中。

20110

Xamarin.Form 5.0： 新功能和控件以及调试改进

上周在.NET Conf 2020，Scott Hunter（.NET），Maddy Leger（微软移动开发工具-Xamarin项目经理）和David Ortinau（首席项目经理，移动开发人员工具）...根据开发人员社区的反馈，现在可以 Xamarin.Forms 与UWP 应用一起使用热重载和热重启，并部分刷新修改后的页面（这是 Visual Studio 调试设置中的可配置选项）。 ?...通过GitHub项目页面上的拉取请求和评论对社区做出大量贡献，即将发布的 Xamarin.Forms 5.0 包含以下新功能和控件。...例如，下图中的单选按钮; 旋转木马视图：与可视化项目（如PeakAreaInsets 的可视化状态管理）相关的新改进，该更改预览上一项或下一项的一部分，并建议用户滚动方向。...此外，引入EmptyView ，以显示绑定数据不可用时的替代内容; 轻扫视图：在任何控件上添加上下文菜单按钮; 拖放手势：UI 项目可以拖放到屏幕的任何区域。

3.2K20

Visual Studio 2017 针对移动开发的新特性介绍

这个版本包含了一些非常棒的功能，包括实时单元测试、新的重构、代码提示、C＃7.0的支持，以及帮助移动开发人员构建更好的移动应用程序的功能。...添加了新的项目模板 许多移动应用程序的核心只是简单的从web上取到数据列表视图。Visual Studio 2017版本创建了新的模板来应对这种情况。...提升了XAML智能感知 Visual Studio 2017的任何Xamarin.Forms XAML文档都能让你感受到智能感知的显著提升。...Forms Previewer为我们提供了一个“WYSIWYG”的视图，方便我们了解应用在设备是如何展现的，以及展示我们更改的实时更新。...Visual Studio 2017对Xamarin.Forms Previewer做了许多改进，来增加所支持的控件和XAML结构的范围。

2.8K20

Xamarin 学习笔记 - Layout（布局）

在本篇教程中，我们将了解Xamarin.Forms中几个常用的Layout类型并介绍使用这几种布局类似进行跨平台移动开发时的示例。 ?...StackLayout（栈布局） StackLayout允许您将视图以垂直方向堆叠或以水平方向堆叠，这是最常用的布局。查看文档以获取更多详细信息。...RelativeLayout（相对布局） RelativeLayout使用约束来对子视图进行布局。更多详细信息请参见此链接。...Grid（网格布局） Grid和一个表格一样。它比StackLayout更加通用，提供列和行两个维度以供辅助定位。在不同行之间对齐视图也很容易。...更多详细信息，请参见此链接。 ScrollView通常被用来显示一个列表（ListView）。 下篇文章我们将说一说Page（页面）相关的内容。

1.6K20

Material Design — 网格列表（Grid lists）

网格列表 网格列表（Grid lists） 网格列表是标准列表视图的替代方法。 Grid lists由以垂直和水平布局排列的cell重复后组成。 Grid lists最适用于同质数据类型。...例如，单个grid list中所有tiles的主要操作可能都是查看图像的详细信息。...例如，一个grid list中的所有标题可能位于左下角，而另一个网格列表中的所有标题可能会放置在左上角。 ? 次要操作与文案的位置 ---- 行为 滚动 grid lists通常只能垂直滚动。...Grid lists中的第一个项目位于grid list的左上角，并且顺序为从左至右，从上至下。 尺寸和调整大小 调整grid list的大小会导致tiles在水平空间变为可用时重新排序。...要在整个网格列表中保持一致的节奏，请截断过长的文本内容。或者，增加grid的大小，以便tiles可以容纳较长的标题。

3.5K120

C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源码

Xamarin由许多著名的开源社区开发者创立和参与，而且也是Mono项目的主导者——C#与·NET框架的开源、跨平台实现。 (以上摘自百度百科) 那么什么是Xamarin.Forms?...今天主要学习Xamarin.Forms中提供的各类页面,如图: 效果如下: 正文 1.创建跨平台的可移植项目    首先我们先新建一个项目,具体如图: 第二步我们选择如下: 注意:这里一定要选择可移植的类库...(PCL),因为共享项目新建页面的时候有点问题,所以不推荐 点击OK,我们就可以得到如下几个程序集 我们可以看到,第一个是可移植的,这里就是我们要编写代码的地方, 下面2个,一个安卓,一个IOS,如果你使用调试安卓...项目创建完成,我们就可以编写我们的代码了. 1.ContentPage(内容页) 进入我们的项目我们会发现已经帮我们创建好了一些必须会使用到的页面如图: 每个xaml下面都对应着一个cs文件,是不是和我们的...会发现他包含了2个属性,一个是Master(你的主页面) 一个Detail(你的次页面) 其他的标签,我们先不谈,后面会讲.

5.1K61

使用管理门户SQL接口（二）

可选地，使用下拉“应用到”列表来指定要列出的项目类别:表、视图、过程、缓存查询，或以上所有。 默认为All。 在“应用到”下拉列表中指定的任何类别都受到筛选器或模式的限制。...在“应用到”中没有指定的类别继续在名称空间中列出该类别类型的所有项。 可选地，单击System复选框以包含系统项目(名称以%开头的项目)。 默认情况下不包含系统项。...展开类别的列表，列出指定架构或指定筛选器搜索模式的项。 展开列表时，不包含项的任何类别都不会展开。 单击展开列表中的项，在SQL界面的右侧显示其目录详细信息。...查看的SQL语句：为此视图生成的SQL语句列表。与命名空间的SQL语句相同的信息。 存储过程的目录详细信息 为每个过程提供以下目录详细信息： 存储过程信息： 类名是一个唯一的包。...可以选择导出到文件，或导出到浏览器显示页面。 导入语句 - 将SQL语句从XML文件导入当前命名空间。 打开表 如果在管理门户SQL接口的左侧选择表或视图，则会显示该表或视图的目录详细信息。

5.1K10

再见Xamarin，微软官宣跨平台 UI 框架 MAUI

MAUI 是日益流行的 Xamarin.Forms 的进化，Xamarin.Forms 已经有6年历史了。...MAUI 将这一成功扩展到移动设备上，使其包含桌面设备，这是跨两者构建多平台应用程序的最佳方法，尤其是新设备（例如新的Surface Duo）。...单一项目开发体验 MAUI 的构建考虑了开发人员的生产力，包括开发人员需要的项目系统和跨平台工具。...MAUI将在所有这些版本中可用，并支持现有的MVVM和XAML模式以及将来的功能，例如使用C＃甚至是Blazor的模型视图更新（MVU）。...从 Xamarin.Forms 过渡到 .NET MAUI Xamarin.Forms 开发人员将使用他们已经了解和喜爱的所有相同控件和 API 来开始在 .NET MAUI 中使用新项目运行。

11.3K20

构建实用的Flutter文件列表：从简到繁的完美演进

假设我们有一个包含文件名的列表，我们可以通过ListView.builder方法来动态生成文件列表。...通过以上步骤，我们已经成功创建了一个简易的文件列表页面。但是列式文件列表更适合屏幕更长的移动端，对于屏幕更宽的桌面端，大多数网盘使用的更多的是网格布局来展示更多的文件内容。...添加网格视图按钮 首先，我们需要在文件列表页面上添加一个按钮，让用户可以选择查看文件列表的不同布局方式。在我们的示例中，我们将在AppBar中添加一个按钮来切换布局方式。...() { // 构建网格视图 } } 这里我们添加了一个IconButton到AppBar中，用来切换文件列表的布局方式。...根据按钮的点击状态，我们将显示列表视图或网格视图。 2. 构建网格视图 接下来，让我们来实现网格视图的布局。我们可以使用Flutter中的GridView组件来展示文件列表。

17011

PowerBI 2020年9月更新随Ignite发布，Premium 即将支持个人订阅，新一波变革来袭

书签窗格现在在移动版式视图中可用 新选项：关闭网格线并捕捉到网格。...如果您正在查看的项目是应用程序的一部分，则树将显示应用程序的全部内容：部分，链接以及所有报告和仪表板。如果您正在查看的项目是报告，则还将找到所有可见报告页面的列表。从一页到另一页从未如此简单。...在沿袭视图中搜索时，可以通过搜索工件名称（例如，销售报告）来找到所需的内容。您还可以通过键入卡本身上显示的任何详细信息来找到它，例如，数据源类型和连接详细信息，外部工作空间名称和网关。...可视化 CloudScope的Collage Collage使用网格或详细信息显示以流行的社交网络样式显示图像。Collage是在Power BI报表中精美显示图像的一种方法。 ?...该模板应用程序具有一个视觉效果丰富的报告页面，其中包含针对业绩营销人员的过滤器，以汇总其营销活动如何为他们的营销和业务目标做出贡献。 ? 如何连接数据 以下步骤需要一个Windsor.ai帐户。

9.3K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券