ui-design相关内容

一加 3 &chrome 模拟设备的 Oneplus 5 视口大小

我想将 OnePlus 3 和 OnePlus 5 作为自定义设备添加到 Google Chrome 的模拟设备列表中.请提供视口大小,以便我可以用它测试我的网站. 像素 2 显示尺寸示例 提前致谢 解决方案 我正在寻找同样的东西,我发现了这个:https://www.mydevice.io/ 一加 5: 455x809,像素比 2.375,用户代理 Mozilla/5. ..

纵向和横向故事板的替代 iOS 布局

我需要为横向和波特率设计不同的布局我知道如何使用 .xib 文件进行设计,但不知道如何使用情节提要设计不同的布局. 我想要类似 这个 但使用情节提要. 请帮帮我. 解决方案 您需要为每个屏幕布局创建不同的视图或不同的约束. 您可以在此处选择当前的屏幕布局: 您可以在此处(查看底部)确定该屏幕布局中是否会出现(安装)视图: 玩了一会儿应该就清楚了.:) ..
发布时间:2022-01-18 20:43:59 移动开发

如何从视图控制器中删除边距?

我使用情节提要创建了一个新项目.现在,我想在默认的 ViewController 中添加一个 UIView.当我尝试使用 AutoLayout 将约束添加到带有父 ViewController 的 UIView 时,它在前导和尾随空格处显示 -16 而不是 0.这使得 UIView 小于默认的 UIViewController 宽度.我怎么能删除这个?请帮忙. 解决方案 只需删除对边距选项 ..
发布时间:2022-01-18 20:37:26 移动开发

带有触摸界面的禁用控件的 UX 设计

因此,我们正在重新设计一个桌面应用程序,以便它也可以与 Windows 7 的触控界面一起使用.我们已经查阅了 UX 指南. 对于 UI 的某些部分,有一些工具箱图标由于某些晦涩难懂的规则(软件与硬件设备通信)而被禁用.我们禁用不适用的操作(由于某些情况),并让用户将鼠标悬停在工具图标上,以查看有关该工具为何被禁用的工具提示说明. 由于触摸界面没有“悬停"(windows 7、ipho ..
发布时间:2022-01-18 11:37:43 其他开发

Java CLI UI 设计:框架还是库?

我目前正在开发一个只需要命令行界面的小型实用程序,并且我开始想知道 Java 是否提供了任何标准的创建 CLI 的方法,类似于用于 GUI 的 Swing 等.我对命令行参数和解析它们并不真正感兴趣,而是用户与程序使用它的基于命令的交互.这适用于 GUI 根本不需要或不是使用该程序的选项的情况. 在谷歌上搜索该主题几乎只会得到关于如何使用 BufferedReader 等与用户进行基本交互的 ..

当我着手开发软件时,用户界面设计或数据库设计应该先做哪个?

我尝试使用一些ui mocking软件来设计ui,但我发现我很难确定设计的所有细节,因为数据库还没有设计. 但是如果我第一次设计软件,就会出现同样的问题,我没有 UI,如何创建一个突出的 UI? 解决方案 UI优先. 从用户的角度模拟一个优雅且易于使用的用户界面(和工作流程),然后才考虑使该用户界面栩栩如生所需的底层数据库/数据结构. 如果您因为尚未设计数据库而无法设计 ..
发布时间:2022-01-12 15:13:58 C/C++开发

Android 布局无法正常工作

我正在使用文件 main.xml 在 Android 中设计 UI.我不知道为什么最后一个 TextView (id: ImageDescription) 不起作用.如果我删除 ImageView 标签,最后一个 TextView 将再次工作.这是我的截图.第一个在没有 ImageView 标签时,第二个在有 ImageView 时 如你所见,当有图像时,我看不到行图像描述符:卡通老虎.这 ..
发布时间:2021-11-02 23:00:05 移动开发

如何删除表格上方的额外边距

我希望我的视图的一部分包含在 Form 中,但不是整个内容.我不希望 Form 占用那么多空间,所以我使用 .frame() 缩小了它.虽然Form上面还有很多边距.这是我的代码. struct ContentView: 查看 {var主体:一些视图{导航视图{滚动视图{虚拟堆栈{形式 {Text(“表单中的一些文本")}.frame(width: 400, height: 90)//缩小表单尺 ..
发布时间:2021-09-02 19:49:51 移动开发

如何在Java GUI中指定有效值范围

我正在创建一个IMDB应用程序,用于显示和组织在您的计算机上找到的电影(通过IMDB API查找元数据). 在搜索面板中,我希望为用户提供查找特定年份(例如1990年至2005年)发行的电影的选项.目前,我使用这两个JSpinner,一个用于最小年份,一个用于最大年份,并使用交叉验证来检查是否maxYear >= minYear && minYear ..
发布时间:2020-07-12 06:07:47 Java开发

一加3&适用于Chrome仿真设备的Oneplus 5视口大小

我想将OnePlus 3和OnePlus 5作为自定义设备添加到Google Chrome的模拟设备列表中.请提供视口大小,以便我可以用它来测试我的网站. 像素2显示尺寸示例 预先感谢 解决方案 我正在搜索相同的内容,但发现了这一点: https://www.mydevice.io/ OnePlus 5: 455x809,像素比率2.375,用户代理Mozilla/5.0 ..

Xcode 9模拟器删除框架

新模拟器随附了框架,使其看起来更像Xcode 9 beta中的手机.有什么方法可以删除这些框架并使它看起来更像Xcode 8中的模拟器吗? 解决方案 是的,这是我删除的第一件事.要删除框架,请执行以下操作: 点击模拟器 转到窗口(顶部菜单) 单击“显示设备挡板"(上面应有一个勾号) 模拟器现在的外观与Xcode 8中的外观相同. ..
发布时间:2020-07-12 06:06:41 其他开发

诸如“关注点分离"之类的UI设计原理是什么?我可以用来说服开发人员用户界面需要修复吗?

我最近与团队进行了重大讨论,涉及我们最近的软件项目的UI设计. 我们需要将特殊的版本控制系统集成到我们现有的产品中,这是一个用于通过编写和回放测试脚本进行测试的软件测试工具. 设计团队提出了一个我无法达成共识的设计,并认为它违反了基本设计规则. 从我的角度来看,设计的最大问题是,它们将版本控制的特殊内容(例如,创建视图,签入/签出脚本)添加到我们现有的UI中(实际上是复制现有的U ..
发布时间:2020-07-12 06:06:38 其他开发

为什么不将诸如mm之类的标准物理长度单位用于触摸UI布局?

如果要布置交互式触摸UI元素(例如按钮),则需要具有合理物理尺寸的东西,以便用户可以舒适地按下它.这样,布置触摸UI就像在电子设备上布置物理按钮和旋钮一样.对于这种物理工程,毫米(或英寸)是首选单位. 由于某种原因,触摸UI设计似乎并非如此.我认为自己在该主题上的阅读不是很好,但是老实说,我从未见过有人在Android布局文件中使用mm作为单位.但是我见过无数关于"px","dp","sp" ..
发布时间:2020-07-12 06:06:36 移动开发

适用于iOS应用的有效UI样式

我的问题很简单.在android中,我们可以将xml样式表与布局分开,以便可以在任何地方重复使用,并且可以轻松地进行UI设计更改进行编辑. 在iOS xcode中也可以吗?如果可以的话(最好不要从控制器那里来)?需要图书馆吗?有什么好的图书馆? 谢谢您的回答. 解决方案 ,您可以使用 UICategory 类.为set borders,border colors,传递bazie ..
发布时间:2020-07-12 06:06:32 移动开发

纵向和横向情节提要的替代iOS版式

我需要为景观和波特率设计不同的布局,我知道如何使用.xib文件进行设计,但不知道如何使用情节提要来设计不同的布局. 我想要类似这样的内容,但使用情节提要. 请帮助我. 解决方案 您将需要为每个屏幕布局创建不同的视图或不同的约束. 您可以在此处选择当前屏幕布局: 您可以在此处(看底部)确定是否要在该屏幕布局中显示(安装)视图: 使用它一点点后应该很清楚. :) ..
发布时间:2020-07-12 06:06:28 移动开发

如何使用户阅读错误消息?

如果您是为非技术人员设计的程序,则您将冒着很大的风险,即用户不会阅读措辞严谨且令人鼓舞的错误消息,而只是无奈地单击可用的第一个按钮. 因此,我想知道您可以建议什么样的良好做法来帮助用户实际阅读您的错误消息,而不是简单地放弃它.我能想到的想法将遵循以下原则: 格式化课程帮助;可能是一条简单的简短消息,带有“了解更多"按钮,会导致显示更长,更详细的错误消息 已将所有错误消息链接到用户指南 ..

带触摸界面的禁用控件的UX设计

因此,我们正在重新设计桌面应用程序,以便它也可以与Windows 7的Touch Interface一起使用.我们已经参考了UX准则. 对于UI的某些部分,由于一些不可思议的规则(软件与硬件设备进行通信)而禁用了工具箱图标.由于某些条件,我们将禁用不适用的操作,并让用户将鼠标悬停在工具图标上,以查看有关为什么禁用该工具的工具提示说明. 既然触摸界面(Windows 7,iPhone,. ..
发布时间:2020-07-12 06:06:20 其他开发

纯CSS渐变圆边框

我有此UI要求 目前,我有一个div(具有固定的高度和宽度,外部渐变边界的背景图像)和一个伪元素的工作解决方案,该伪元素位于内部边界的背景图像absolute上. .div { position: relative; width: 254px; height: 254px; border: 2px solid transparent; border-r ..
发布时间:2020-07-05 04:51:13 前端开发