标签: ui-design

Gtk转换为HTML

为了拥有一个具有统一接口的操作系统,允许更好的互操作性,我正在寻找一种方法来构建一个所有接口都在html5中的系统.

例如,从gtk库开始(为了使用现有的),可以翻译代码,例如:

gtk_window_set_title (GTK_WINDOW (window1), "the title");
Run Code Online (Sandbox Code Playgroud)

document.title = "the title"
Run Code Online (Sandbox Code Playgroud)

我想知道是否有任何工具可以帮助我实现这一目标

编辑

为了澄清我的问题,让我们理解我正在寻找的东西,我找到了这项研究

第一步可能是使用/构建以前是ui的语义本体.然后我可以将gtk库(或其他桌面gui库)和Web界面语言集成到同一个基础中.所以我可以在gtk和web方法之间进行双射.

我不认为这是一个简单的问题,我要求的想法,工具,这可以帮助我.

gtk gui-designer ui-design web-application-design semantics

5
推荐指数
1
解决办法
690
查看次数

在BlackBerry上开发多种屏幕尺寸

Android和iOS具有"密度独立像素"的概念,因此您的布局在具有不同密度和屏幕尺寸的设备上看起来相同.

到目前为止,我已经编写了使用像素手动空间元素的代码(即我希望此按钮距离屏幕左侧10个像素).这在曲线上很棒,但是当我在Bold上加载时,分辨率要高得多,因此10像素是一个小得多的物理空间.

BlackBerry上多种屏幕尺寸的最佳做法是什么?有没有简单的方法来定义密度无关的像素?RIM似乎没有在文档或API方面提供太多便利.

blackberry ui-design

4
推荐指数
1
解决办法
1365
查看次数

可用性:使用"应用"按钮或每次更改后保存更改?

我有兴趣听取其他开发人员关于设计用户界面,可用性和可维护性的意见和经验.

常见的方法是允许用户调整选项,并在表单"脏"后启用"应用"按钮,用户可以通过按取消来退出.这是Windows平台上最常用的方法(我相信MS可用性指南也是这样做的).

另一种方法是在对选项进行每次更改后应用更改.例如,用户检查一些复选框,并应用更改.用户更改某些文本框的值,并在框失去焦点等后应用更改.您可以获得该点.这种方法在Mac OSX上最常见.

无论我的个人意见是什么(这是Apple在可用性方面做得更好,但是我经常编写针对Windows用户的软件),你会怎么想?

编辑:我完全清楚这不是一个真正的问题,而是要求进行讨论,并且它的位置可能不在SO上,其政策是仅提供答案和问题.但我相信它可能是有用的讨论,主要是因为我在问之前找不到类似的东西.

user-interface ui-design

3
推荐指数
1
解决办法
2458
查看次数

在ActionBar中的选项卡下添加一行

在这里和那里看了很多我发布这个问题,我正面临着这样的问题.基本上我有一个带标签布局的动作栏.下面是它现在的样子快照:

在此输入图像描述

以下是设置标签的代码块:

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
setTheme(R.style.Theme_example);

if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.GINGERBREAD_MR1) {
    requestWindowFeature(Window.FEATURE_NO_TITLE);
}
setContentView(R.layout.landing_page);

ViewPager viewPager = (ViewPager) findViewById(R.LandingPage.pager);

final ActionBar bar = getSupportActionBar();

bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

mTabsAdapter = new LandingPageTabsAdapter(this, viewPager);
mTabsAdapter.addTab(bar.newTab().setText("Search"), Search.class, null);
mTabsAdapter.addTab(bar.newTab().setText("Categories"),Categories.class, null);
mTabsAdapter.addTab(bar.newTab().setText("Bookmarks"), Bookmarks.class,null);

} 
Run Code Online (Sandbox Code Playgroud)

我想在标签荧光笔下面添加一条直线,它与标签荧光笔的颜色相同.像Google Play商店中的那条线(绿色圆圈用红色圈出):

在此输入图像描述

目前,我使用Android Asset Studio的ActionBar样式生成器为Actionbar设计样式.我把这条线放在那里的唯一理由就是让它看起来干净整洁.

有人可以建议/建议我如何解决这个问题?感谢您停下来并借出您的想法.

android ui-design android-ui android-actionbar

3
推荐指数
1
解决办法
931
查看次数

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

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

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

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

为什么不只使用毫米?

设备不正确支持这些单元是否有问题?它是一种文化事物(程序员可能更习惯于以“某种像素”而不是物理单位进行思考)?这是怎么回事?

android touch ui-design

3
推荐指数
1
解决办法
629
查看次数

如何从viewController中删除边距?

我使用故事板创建了一个新项目.现在,我想在默认的ViewController中添加一个UIView.当我尝试使用AutoLayout使用它的父ViewController将约束添加到UIView时,它在前导和尾随空间都显示-16而不是0.这使得UIView小于默认的UIViewController宽度.我怎么能删除这个?请帮忙.

ui-design ios autolayout xcode6

3
推荐指数
1
解决办法
3854
查看次数

当我开始开发软件,ui设计或数据库设计时,应该是第一个?

我尝试使用一些ui模拟软件来设计ui,但我发现我很难确定设计的所有细节,因为数据库还没有设计.

但如果我第一次设计软件,那么同样的问题就出现了,我没有UI,我怎样才能创建一个突出的UI?

mfc ui-design

2
推荐指数
4
解决办法
1238
查看次数

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

因此,我们正在重新设计桌面应用程序,以便它可以与Windows 7的Touch Interface一起使用.我们已经查阅了UX准则.

对于UI的某些部分,有一些工具箱图标由于一些神秘的规则而被禁用(软件与硬件设备通信).我们禁用不适用的操作(由于某些条件),并让用户将鼠标悬停在工具图标上,以查看工具提示说明禁用该工具的原因.

由于触摸界面(Windows 7,iphone,..)没有"悬停",对于这个更好的模式/模型是什么?

谢谢!

user-interface touch windows-7 ui-design

2
推荐指数
1
解决办法
2634
查看次数

WPF中的Volume Control元素

我认为这个问题更适合所有UI设计师;-)
我想制作一个看起来像高保真放大器上的音量控制旋钮的WPFelement.为了更好地表达我正在谈论的内容,请看一下这张照片

音量控制样本

我把它从swDVDD中删除了.
该元素应该可左右转动.当它向右移动时,该值应增加0.5f,向左转动该值应减少0.5f.

为什么我需要这样的东西?目前我正在研究我的Deneon AVR-4306放大器的控制sw,我认为使用这样的控制来设置放大器的音量看起来很酷.

c# wpf wpf-controls ui-design

2
推荐指数
1
解决办法
1787
查看次数

在 tkinter 中是否可以有两列标签,下面和中间有一个标签?

例子

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

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

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

python user-interface tkinter ui-design python-3.x

2
推荐指数
2
解决办法
1万
查看次数