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

干货!iOS 与 Android 的APP 设计差异

Android设备底部有一个全局导航栏, 使用导航栏中的后退按钮是返回上一个界面或步骤的简便方法,它适用于所有Android应用。...抽屉导航其实是一个菜单,通过点击汉堡图标,然后从左侧或右侧滑出。标签栏一般位于标题栏的下方,使得内容能够很好地被管理,通过标签栏,用户可以对应用的视图,数据集和功能进行切换。...最麻烦的是涉及到默认控件,比如单选按钮、复选框、tab切换等等,这些控件需要一个定制的视图来实现显示Android上类似iOS的控件或iOS上类似Android的控件。...模态视图又有两种不同类型:具有不同操作内容的模态列表和用户点击“共享”图标显示的应用列表。在iOS上也能找到类似的组件,但是在设计风格和布局上差异比较大。...因此,最好是花些时间了解下两个平台不同的设计规范,不是混合iOS和Android的组件模型,然后还得花很多力气在开发上。

3.2K10

Xamarin 学习笔记 - Page(页面)

引言 在之前的章节,我讲解了如何为Android或者iOS应用程序开发准备环境以及Layout布局的一些基本概念。 在本章中,我将开始在Xamarin.Forms中展示我们页面的结构。....NET Standard:它是一组“标准”API不是一个平台。这里我们将不谈论任何平台,它仅仅是一个标准(当前版本2.0),你的代码可以在支持它的所有平台上运行。...为了精确的定义什么是一个Xamarin.Forms.Page的示例,官方的文档给出了一个清晰简明的定义。 和这个链接中提到的那样: “页面是占据屏幕大部分或全部并包含单个子的视觉元素。...,我们页面的内容在内部的MyPage1中,那是一个ContentView,不是一个ContentPage。...主记录页面将包含菜单列表,详细信息页面将显示详细信息并将链接返回主记录页面,想法很简单,如果你有任何按钮或选项在菜单中显示它但你想在一开始隐藏它们,以保持良好的UI体验。

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

这个 CSS 库帮你做汉堡

当然不是真的汉堡包,毕竟我们这儿不是美食频道,而是指 HambergurMenu,汉堡包式菜单,由于菜单图标的三条横线酷似一个汉堡包,故得其名。 [是不是很像?]...为了网页更生动,当点击汉堡包菜单图标时,可以给它添加一个小动画。这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers!...进入 Hamburgers 库的官网,可以看到各式各样美味的 CSS 动画汉堡。点击菜单图标,即可查看效果,比如点击 Arrow 菜单图标,三条线会自然变化为箭头图标。...[image-20210425000009512.png] 如何使用 该库的使用方式非常简单,由于是纯 CSS 实现,只需引入一个样式文件: <link href="dist/hamburgers.css...不过这也是作者设计如此,希望<em>让</em>读者根据上下文做出最合适的选择。

1.4K31

使用 Xamarin 开发 iOS 键盘扩展(含网络访问)

作为一位 .NET 技术的死忠,开发 iOS 应用当然要使用 Xamarin 啦! 本文用我的阅读的文档和实践为素材,介绍如何使用 Xamarin 开发一个 iOS 的键盘扩展。...搭建环境 本文不会花篇幅来讲如何搭建 Xamarin iOS 开发的环境,不然这篇文章就没有重点。...于是,请阅读这一篇来了解如何搭建 Xamarin iOS 的开发环境: 安装调试工具:Mac 部分 Xamarin开发(Mac开发)环境搭建 - 简书 安装调试工具:Windows 部分 vs2017开发...对于容器应用,就是 iOS 图标下面的名称,对于键盘,就是切换键盘的时候所用的名称。...我还没有找到办法直接完成文本的输入,例如执行确认按钮的逻辑。确认按钮有这么些不同的情况: // 我当然是写 C# 语言版本的枚举,不是 Object-C 版本的啦。

2.2K10

这个 CSS 库帮你做汉堡

当然不是真的汉堡包,毕竟我们这儿不是美食频道,而是指 HambergurMenu,汉堡包式菜单,由于菜单图标的三条横线酷似一个汉堡包,故得其名。 [是不是很像?]...为了网页更生动,当点击汉堡包菜单图标时,可以给它添加一个小动画。这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers!...进入 Hamburgers 库的官网,可以看到各式各样美味的 CSS 动画汉堡。点击菜单图标,即可查看效果,比如点击 Arrow 菜单图标,三条线会自然变化为箭头图标。...[image-20210425000009512.png] 如何使用 该库的使用方式非常简单,由于是纯 CSS 实现,只需引入一个样式文件: <link href="dist/hamburgers.css...不过这也是作者设计如此,希望<em>让</em>读者根据上下文做出最合适的选择。

1.3K10

使用 Xamarin 在 iOS 真机上部署应用进行调试

做真机部署不是像平时使用太阳系第一 IDE Visual Studio 那样方便。 所以本文需要介绍如何使用 Xamarin 在 iOS 真机上部署应用进行调试,然后顺便说一些注意事项。...profiles 的信息(可以在 Provisioning Profile 旁边的感叹号中看到详细信息) 在 Mac 上插入你的 iPhone,解锁 iPhone,等待左上角出现你 iPhone 的名称和图标...点击 XCode 左上角的运行按钮,等待这个空白的应用部署到你的手机上。 image.png *[重要] 额外的,如果你开发的是 iOS 扩展,有两个或者更多的包,那么你需要重复步骤 3 到 6。...选择刚刚使用 XCode 生成的开发者信息(如果你看不到,那么就是前面 XCode 的步骤没有执行正确) 在 Mac 上插入你的 iPhone,解锁 iPhone,等待左上角出现你 iPhone 的名称和图标...如果没有出现,你可能需要点击一下 Debug iPhone 区域,一定要确保选中了 iPhone 不是 iPhone Simulator 点击 Visual Studio for Mac 左上角的运行按钮

2.1K20

2020年网站首屏设计:最佳实践和例子

要了解如何设计一个有效的网站首屏,以及它应该包括哪些元素,请看下面的例子。 “生活是第一印象。你只有一次机会。它记住你”― J.R. Rim ?...首屏留白太多也不是一个好办法。 如果一个用户在几秒钟内无法弄清楚您的界面,就很可能会永远抛弃你。 一个糟糕的首屏可以把访问者推到另外内容低劣的网站去。...如果他们在那里找不到预期的信息,那么页面将自动被认为是棘手且不标准的,他们会觉得难以理解离开。 logo。...比如使访客容易了解他们在哪里、如何找到更深层的内容,以及使用悬停效果来指导用户等。 行动按钮(CTA)。视觉层次、结构需要遵循“CTA原则”。 ?...Meal Service Home Page 隐藏导航(汉堡菜单) 这是一种使用得越来越多的网站设计解决方案。汉堡包菜单是三条条纹的小图标,点击时显示完整的菜单。

2K10

Xamarin.Forms 选取文件 用户选择本地文件

Xamarin 中,使用文件存储或打开某个特定文件都是很常用的做法,而在跨平台中,每个平台都有自己的 IO 的坑。...如何Xamarin.Froms 里面用户可以选择打开哪个本文文件,需要照顾多个不同的平台的文件访问方式 在 Xamarin.Forms 右击管理 NuGet 程序包,搜寻 Xamarin.Plugin.FilePicker..." /> 如果不是用户选取文件内容,那么在 Xamarin.Essentials 这个提供了 Xamarin 原生 API 交互的库就完全足够使用了 在界面上添加一个按钮,用来用户选取文件内容...HorizontalOptions="Center" Text="选取文件" Clicked="Button_OnClicked"> 在后台代码添加按钮点击时用户选择文件的代码...现在 CrossFilePicker 的 Open 和 Save 方法都过时了,请使用 Xamarin.Essentials.FileSystem 代替,或者用 Xamarin.Essentials.ShareFile

1.9K20

Android 发布 15 周年了!Google 员工说出了这些年的美好回忆

另一个人印象深刻的是 Android O,当我们意识到它将与美国大日食同日,天空中的日食太阳看起来就像…一个奥利奥。...“回顾我们早期如何快速地构建和完成工作是一件有趣的事。...Android Studio 图标由一个蓝色模板和一个从右侧探出的绿色 Android 机器人头像组成。 伟大的芝士汉堡 芝士汉堡表情符号的前后照片。...左图为芝士汉堡表情符号,芝士位于面包上方的底层;右图为芝士汉堡表情符号修复后,芝士位于肉的上方的中间位置。 "2017年,我们最喜欢的一些食用表情符号因为在 Android 系统上失误开始流行!...芝士汉堡上的芝士位于面包的底部(在网上引起了不小的争论),啤酒上的泡沫位于杯子的顶部不是啤酒,楔形芝士上的洞则出现了错误的阴影。

16410

.Net语言 APP开发平台——Smobiler学习日志:如何实现离线声音文件上传

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一、目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的“Smobiler...Components”拖动一个OfflineVoiceRecorderButton控件到窗体界面上 2.修改offlinevoicerecorderbutton的属性 a.Location属性 控件显示在合适的位置...(100, 20),如图1; b.ResourceID属性 设置按钮图标名称,将该属性设置为“ed”,如图2; c.TimeOut属性 设置客户端获取音频的超时时间(毫秒),默认设置为“60000”,如图...OfflineRecordedAudio(object sender, APIResourceData e) { MessageBox.Show("提示:offline"); } 3.Smobiler窗体设计界面显示效果...二、手机效果显示 备注:在手机客户端的设置中可以找到你的离线录音文件。

99030

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

如果需要,请使用“活动”图标并选择小显示格式来更改活动显示 使用后退按钮退出网络图形。选择“保存”以保存该项目。然后将替换临时网络号。...选择每个Assgt按钮的预设值(每个分配的要求)。现在列出 了项目的两个采购申请。返回到概述。为此,请单击“后退图标。 c)将光标定位在供应商1000上 选择进程分配。...为此,请选择“视图-选择 fields…from”菜单,并在报告中显示指 定的字段。单击“继续”图标确认字段选择。分析这两个材料组件的数据,然后退出报告不保存概述。为此,请 单击“后退图标。...b) 将显示一个包含计划运行的详细数据的列表。这里还列出了对您的项 目的依赖性需求。使用“后退按钮退出事务处理。...实际”字段将被高亮显示。单击配置文件图标以查看交通灯的定义。您使用的配置文件被配置为为实际日期超过计划日期或已经超过计划 日期没有输入实际日期的事件显示红色交通灯。

3.7K22

《中午吃什么?》制作一个简单的chrome扩展

. ---- 当然如果你的扩展足够好,你可以把扩展上传到google商店,全世界的用户,都能使用你的程序. 想做到这些,你得先知道chrome的扩展的开发流程是什么! ?...目录结构 先设计图标 要设计5种尺寸的图标(作者不是专业的UI设计师,这里只是做个示范),建议导出为png格式. ?...炒饭", "盖浇饭", "卤肉饭", "烤肉饭", "黄焖鸡米饭", "驴肉火烧", "川菜", "麻辣香锅", "火锅", "酸菜鱼", "烤串","披萨", "烤鸭", "汉堡...else{ new_food = choose_menu() } // 更新显示的食物名称 best_food.innerHTML...= the_menu; // 更新按钮显示的文字,只是第一次起作用 btn.innerHTML = "换一个"; }) }; 教程涉及到的资源我都通过百度网盘分享给大家

1.1K130

老外对中国式App设计趋势的分析:中国移动应用设计趋势解读

它们往往在最右边(三个点的省略号图标)的“更多”选项卡或者在汉堡包菜单里,在Facebook的案例中, 则出现在一个汉堡图标表示的“更多”选项卡中。 中国的App有时也这样使用“更多”。...但更多的时候往往不是这样,他们是在底部第二或第三的标签,上面写着“发现”。“发现”提供了不一样的乐趣,虽然不那么重要却增强了应用的核心功能。“发现”的图标通常是罗盘。...这种方式会你觉得就像与朋友聊天一样处理事情,唯一的不同点:你这位朋友,它的底部拥有可操作的快捷菜单栏(尽管他可以进行切换,显示普通的文本)。...当时我被困在机场,Venmo内有这么一个选项可以我直接完成预定,不是再通过其他应用程序进行预订,重新输入我的信用卡信息。 但是在这里,这个功能自然不用多说。...大多数应用程序在设计钱包时都会采取类似的三栏式网格布局和五颜六色的图标来对功能进行集合。即使我的银行类App也是类似的界面,界面保持平衡。 兄弟别怕!我有一个盾!

1.7K120

为什么我们不要 .NET 程序员

我来解释一下——.NET是一个很不错的语言。它很新潮,很独特,各种花哨的东西应有尽有。如果你要是开发Windows Mobile 7 应用(统计数据显示你应该不是),它应该是你的不二选择。...只有你按一下正确的按钮,跟着提示灯的指示,你就可以批量的制造出完美无缺的1.6盎司的汉堡,比地球上的任何其他人都要快。   然而,如果你想做出一个1.7盎司的汉堡,很抱歉,你做不到。...小的方面,比如在文件路径中使用反斜杠,不是像其它经典系统中使用正斜杠,或在DirectX中使用左旋坐标系统,不是使用自从计算机诞生以来就采用的右旋坐标系统。...这些并不会你成为一个“差程序员”。如果你只想尽快的做出一个1.6盎司的汉堡,把余生奉献到无尽的系列菜单上,那所有的这些特立独行对你来说不会有任何影响。...但是,每天你在那种厨房里的日子并不是真正的厨房生活,学不到如何做真正的食物,写不出真正的代码。

69660

Xamarin 从零开始部署 iOS 上的 Walterlv.CloudKeyboard 应用

这个 Walterlv.CloudKeyboard 应用是一个云输入法应用,在 GitHub 完全开源,采用 Xamarin 开发,用途是手机接收电脑端的打字输入的输入法。...太子很给力,帮我开发完成了,但现在的问题就是我如何在我的手机上部署。本文将记录我的部署步骤 太子说:才不是从零开始,第一步就可以放弃,因为第一步是需要去买一台 mac 设备。...这里的捆绑包标识符的命名规则是 com.开发者团队名或组织名.随意的应用 格式,而我的开发者团队名实际是 lindexi-gd 不是 lindexi_gd 或 lindexi 哈,这部分需要在申请开发者账号的时候记录哦...刚才为了应用在我手机能部署,也就选择了 UIKit App Delegate 框架 但此时依然部署将会失败,原因是在 .xcodeproj 文件里面记录的版本号会更高,使用 VisualStudio...重新回到 VisualStudio 点击构建部署,此时在手机上可以看到 Xamarin图标和部署上的应用 ? 在 VisualStudio 启动调试的时候,可以看到 Xamarin 的界面 ?

1K10

基础篇章:关于 React Native 之 ToolbarAndroid 组件的讲解

我可以显示一个标志,一个导航图标(譬如汉堡形状的菜单按钮),一个标题与副标题,以及一个功能列表。标题和副标题会在中间显示,徽标和导航图标会在左侧显示功能列表则在右侧显示。...特别注意:尽管我上面的标识(徽标)和导航图标可以显示远程图片,也就是从服务器和网络获取,但是仅限开发者模式,如果在发行(release)模式下,你永远都应该用图片资源来渲染这些图标。...title 功能标题 icon 功能图标 show icon显示还是隐藏,在弹出菜单里显示:always总是显示,ifRoom如果放的下则显示,或者never从不显示。...showWithText bool值,是否在显示图标的地方同时还显示文字 contentInsetEnd 设置Toolbar的右边和屏幕右边缘的距离 contentInsetStart 作用同上,与上面正好相反...副)标题 subtitleColor 设置子(副)标题字体颜色 title 设置标题 titleColor 设置标题字体颜色 实例代码 来,看实例代码前,我们先来看看和我玩好之后,我的样子,怎么样,是不是

2K100

AI设计小能手:选个颜色AI帮你生成logo

生成对抗网络(GAN)已被用于发现新药物,创建令人信服的汉堡和蝴蝶照片,并产生脑癌的合成扫描。...荷兰马斯特里赫特大学(Maastricht University)发表的一篇新论文显示,它在生成标识方面也不差。...该团队在LDD-icons数据集上训练了系统,该数据集由486777个小图标组成,尺寸为32乘32像素。每种主色用算法提取,并从RGB值转换为颜色词。...那么LoGAN的效果如何?尽管生成的logo较模糊(由于源图像的低分辨率),但有些logo非常有说服力。...当输入颜色关键字时,它设法得到不规则形状,圆形和方形按钮,甚至是谷歌Chromelogo的外观。 有趣的是,白色和灰色是12种颜色类别中最常见的三种颜色组合之一。

1.3K60
领券