标签: ui-design

这种类型的UI经常显示在各种网站和.net书籍中.

这些类型的用户界面在商业和/或定制商业软件中是否可接受和/或受欢迎？

请注意

(1)使用Binding Navigator,和

(2)以相同的形式放置主网格,细节网格和输入区域.

对我来说,无论UI多么微不足道,总是需要一个搜索工具,这里没有.当然,我发现在任何处理大量数据的UI中使用Binding Navigator都没有任何相关性.

在我正在处理的应用程序中,有表格数据(对于记录,它是使用的Java Swing应用程序JTables).在某些情况下,可以通过单击列标题对数据进行排序.我想知道的是,如果给定列是否可排序,向用户指示的好方法是什么？

我想出了以下可能性.

1)在每个可排序列中放置一个图标,表示它是可排序的.我个人不喜欢这个选项.

2)当鼠标悬停在标题上以指示它是可排序的时,将鼠标光标更改为其他内容.

3)将鼠标悬停在列上并说它可以排序时,在工具提示文本中添加注释.

有没有人有任何其他建议？

更新:

我认为澄清是有道理的.我的问题不是如何表明给定列当前已排序.这已经通过上/下排序三角模式实现.我想给用户一个线索,告诉他们在点击标题之前可以对哪些列进行排序以对其进行排序.

更新2:我想我应该解释为什么我没有完全卖掉选项#1.在我看来,如果要设置一个图标来指示哪些列可以排序,那么这将增加视觉混乱.在这种情况下,有时UI会在"鼠标悬停"上发生变化.例证:Windows Vista和7允许用户在列上添加过滤器,但只有用鼠标悬停在标题上时才会显示此指示符.

最近我读了"度量和网格设计指南".它谈到了我应该在布局中使用的48dp节奏.

但是"心灵差距"一章让我感到困惑.它指出:

每个UI元素之间的间距为8dp.

但是在这张图中:

在同一页面的示例中,8dp和4dp都用作填充/边距.

那么我应该使用的实际价值是多少？

我已下载示例tablelayout源代码,它工作正常.我试图在表格布局的底部显示四个图像按钮但仍然没有工作.

当前图片:

我试图在表格布局的底部显示这4个按钮:

这是我的代码:我希望在我的表格布局底部合并我的源代码请帮助我.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/ttt3"
        android:layout_width="150dip"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/bt_blue" />

    <Button
        android:id="@+id/ttt2"
        android:layout_width="150dip"
        android:background="@drawable/bt_yellow"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="20dp"
        android:layout_toLeftOf="@+id/ttt3"
         />

    <Button
        android:id="@+id/ttt1"
        android:layout_width="150dip"
       android:background="@drawable/bt_green"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="20dp"
        android:layout_toLeftOf="@+id/ttt2"
         />

    <Button
        android:id="@+id/ttt0"
        android:layout_width="150dip"
        android:layout_height="40dip"
        android:background="@drawable/bt_red"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:gravity="bottom"
         />

</RelativeLayout>

表格代码:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:shrinkColumns="*"
    android:stretchColumns="*">
    <TableRow
        android:id="@+id/tableRow4"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:gravity="center_horizontal">
        <TextView
            android:id="@+id/textView9"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:typeface="serif"
            android:textSize="18dp"
            android:text="Weather Table"
            android:gravity="center"
            android:layout_span="6"></TextView>
    </TableRow>
    <TableRow
        android:id="@+id/tableRow1"
        android:layout_height="wrap_content" …

我在 stackView 中有三个排列的子视图，如下所示：我的“Rec”标签和“00:00:00”标签的底部和顶部部分被剪掉。我不想那样

方形红色视图的约束：高度 = 10px 宽度 = 10px

“Rec”和“00:00:00”标签的约束 - 无

StackView 的约束：' 垂直居中在安全区域尾随空间到安全区域 30px

请忽略白色背景视图，它的存在只是为了让我可以显示我的标签的剪辑......它没有任何限制。

我想要一种 stackViews 高度由“Rec”或“00:00:00”标签的内在内容大小决定的方法。以高度较大者为准。