问题标签 [ui-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2456 浏览

perl - 是否有带有用于 Perl 的 GUI 设计器的 IDE?

任何人都可以向我推荐一个易于使用的 Perl 语言 IDE,并支持 Ubuntu 的 GUI 设计。

0 投票
1 回答
470 浏览

c# - WinForms UI 设计:仅显示当前查看的层次结构级别的控件

我正在尝试创建一个 WinForms 应用程序,它允许用户显示和编辑存储在 MSSQL 数据库中的数据。被更改的数据是分层的,并且在层次结构的单个级别内,可以更改的属性是相同的;换句话说,层次结构的单个级别的控件是相同的,但它们可能与其他级别不同。

我试图以这样一种方式创建应用程序,即只有一个带有控件的表单,这些控件根据用户正在查看的项目的层次级别进行更新。我意识到这可以通过将所有级别的所有控件放在一个表单上并更新它们的“可见”属性来实现,但是由于混乱,这种方法使表单的设计变得困难......你们中的任何一个人找到了一个更优雅/更少丑陋的解决方案?

0 投票
2 回答
721 浏览

web-applications - 网页设计 - 水平滚动与否?

我正在开发我的第一个基于 Web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。其中许多表格显示了相当多的数据。我最初创建的大部分表单都包含多列数据以避免垂直滚动,并且我尽量避免水平滚动。但是,我真的不关心我创建的表单的外观和感觉。

当我查看过许多基于 Web 的应用程序时,我注意到大多数应用程序设计得相当狭窄,可能只占用浏览器中水平空间的 50% 到 60%,并尽可能多地垂直滚动以显示所有数据。

问题:这样做是为了同时支持移动设备和桌面/笔记本电脑浏览器吗?这似乎是在浪费屏幕空间,但如果意图是支持移动设备以及台式机/笔记本电脑,这是有道理的。

0 投票
1 回答
552 浏览

user-interface - Code::Blocks UI 设计的初学者问题

我是 C::B 和 wxWidgets 的新手。我试图创建一个像这样的简单屏幕:

在此处输入图像描述

但是当它运行时我得到了这个:

在此处输入图像描述

我已经更改了一些属性,如下所示,但我不确定这是否是正确的做法。

  1. 我在表单上放置了一个弹性网格。做了 1 列和 3 行
  2. 放置了 3 个 BoxSizer。所以他们是一个在另一个之下。将扩展属性设置为 true。
  3. 在前 2 个 boxer sizer 中放置了 StaticText 和 TextCtrl 元素(各一个)
  4. 在第三个盒子尺寸器中放置了一个垫片和按钮
  5. 对于地址文本框,我将多行属性设置为 true(复选框) 5。

但是运行时,它似乎并没有增长。底部的按钮不见了。

有关如何解决此问题的任何想法请...谢谢!

这是为表单生成的(部分)默认代码。

0 投票
0 回答
151 浏览

android - Android非标导航设计

在此处输入图像描述

大家好。
我需要在我的应用程序中实现这种导航。我不知道从哪里开始。有人可以指出我正确的方向吗?

0 投票
1 回答
30155 浏览

android - 安卓用户界面设计工具

我正在寻找适用于 android 的 UI 设计器工具。我尝试了很多网站,但找不到任何有用的东西。

一些设计器工具仅用于线框,例如http://www.fluidui.com 但它们没有给我 XML 布局源。

我知道: http ://www.droiddraw.org/ 但是这个工具很旧,它使用了已弃用的 AbsoluteLayout。

在我看来,Eclipse UI 设计器工具很难使用。元素的按钮拖放无法正常工作。我喜欢 Visual Studio 的表单设计器,我认为它是 C# 最好的设计器工具。特别是对于定位 - 拖动任何你想要的东西并放在你想要的地方,它非常简单和有用。

有没有像 Visual Studio 的 Form Designer 这样的安卓设计工具?

0 投票
1 回答
235 浏览

android - Android UI design automatic ImageView re-size

An ImageView gets an image and wraps the content so if the image has dimensions like 100x100, the ImageView has the same dimensions. I want to specify only the layout_height of this ImageView and when it matches the image to re-size properly the layout_width of the ImageView.

Here is an example:

image size = 100x100;

ImageView's layout_height = 200;

ImageView's layout_width should become 200 not 100.

Is this possible?

0 投票
2 回答
15949 浏览

python - 在 tkinter 中是否有可能有两列标签,其中一个标签位于下方和中间?

例子

虽然图片基本上显示了我想要做的事情,但是:

  1. 所有标签都应该是相同大小的完美正方形
  2. 2 列中的标签应完全对齐
  3. 底部的标签应该完全位于另外两个标签的下方和中间。
  4. 实际的标签应该是实心的,并且标签的文本周围应该有一点空间(文本不应该占据整个标签)。

如果可能,应使用网格。我将使用 python3

0 投票
4 回答
679 浏览

android - 为什么像 mm 这样的标准物理长度单位不用于触摸 UI 布局?

如果您正在布置交互式触摸 UI 元素,例如按钮,您需要具有合理物理尺寸的东西,以便用户可以舒适地点击它。这样,布局触摸 UI 就像布局电子设备上的物理按钮和旋钮一样。对于这种物理工程,毫米(或英寸)是首选单位。

出于某种原因,触摸 UI 设计似乎并非如此。我不认为自己对这个主题非常了解,但老实说,我从未见过有人在例如 Android 布局文件中使用 mm 作为单位。但是我已经看到关于“px”、“dp”、“sp”以及谁知道什么的无休止的辩论。

“与设备无关的像素”(在 Android 上是根据物理长度定义的 - 1dp ≈ 0.16mm)似乎是一种非常复杂的指定长度的方式。

为什么不只使用毫米?

设备不能正确支持这些单元是否存在问题?它是一种文化的东西吗(程序员可能更习惯于用“某种像素”而不是物理单位来思考)?这是怎么回事?

0 投票
1 回答
379 浏览

winforms - 表示逻辑、屏幕导航、验证的 UML 绘图

您如何在 UML 中绘制控件的表示逻辑、屏幕导航和验证逻辑?

当需要新屏幕或修改现有屏幕时,我使用 MS Paint 来获得新屏幕布局的批准。我发现自己处于如何最好地绘制控件的表示逻辑、屏幕导航和验证逻辑的情况。

我目前使用活动图和序列图,并将超链接放在控件旁边,并在这两者(控件和超链接)之间放置链接。

请让我知道如何改进并以更好的方式代表这些作品。

我在基于 Windows 的应用程序中工作。