使大小/坐标气泡垂直 #94

科哈尔比

我使用 tab 来导航（不知道是否有很多人这样做）所以如果我想改变让我说坐标我需要单击 X 更改值然后 tab 5 次以到达 Y。

我可以双击该字段以突出显示它，然后删除或键入新值，但 Tab 更有意义，至少对我而言。

其他人也有同样的想法吗？

或者重新安排选项卡的工作方式？

冰蓝3710

事实上，Min(x,y) Center(x,y)，我也以 X,Y 对的形式输入坐标，而不是修改所有 X，然后修改 Y。

如果这是 HTML/CSS，应该只是更改选项卡顺序的问题…我看到class FloatingControls extends React.Component并且呈现了 DOM，render()但我不知道如何更改其中的选项卡顺序。

纠结

@iceblu3710尝试tabIndex在以下代码中向输入添加（注意大小写）属性：

<tr>
    <td><span className="label label-danger">X</span></td>
    <td><Input value={round(bounds.x1)} onChangeValue={this.setMinX} type="number" step="any" /></td>
    <td><Input value={round((bounds.x1 + bounds.x2) / 2)} onChangeValue={this.setCenterX} type="number" step="any" /></td>
    <td><Input value={round(bounds.x2)} type="number" onChangeValue={this.setMaxX} step="any" /></td>
    <td><Input value={round(bounds.x2 - bounds.x1)} type="number" onChangeValue={this.setSizeX} step="any" /></td>
    <td rowSpan={2}>
        &#x2511;<br /><input type="checkbox" checked={this.state.linkScale} onChange={this.linkScaleChanged} /><br />&#x2519;
</td>
</tr>
<tr>
    <td><span className="label label-success">Y</span></td>
    <td><Input value={round(bounds.y1)} onChangeValue={this.setMinY} type="number" step="any" /></td>
    <td><Input value={round((bounds.y1 + bounds.y2) / 2)} onChangeValue={this.setCenterY} type="number" step="any" /></td>
    <td><Input value={round(bounds.y2)} type="number" onChangeValue={this.setMaxY} step="any" /></td>
    <td><Input value={round(bounds.y2 - bounds.y1)} type="number" onChangeValue={this.setSizeY} step="any" /></td>
</tr>

冰蓝3710

哇，我对那该死的显而易见的表格渲染上了釉class FloatingControls ，我真的没有练习。

是否有 xml、yaml 或 json 设置文件来存储像这样的普通事物的更改？我可以将 FloatingControls.alt_tabIndex = true 放入 client_settings 文件吗？

如果不是，我推荐这种格式feature name, description, options, current setting这样您就可以轻松添加用户配置功能，而无需将其硬编码到设置面板中，只需解析并显示 client_settings.json。

纠结

不要为此添加设置；太多的设置会惹恼用户。例如，用户从 Mozilla 涌向 Firefox，部分原因是 Firefox 剥离了 Mozilla 的大部分设置。

纠结

我怀疑大多数用户会更喜欢新的 (X Min, Y Min, …) 选项卡顺序。

冰蓝3710

嗯，说得好。

既然我已经进入胆量，我应该分叉这个项目。花了一天时间弄清楚这个组织，但现在我想我明白了它是如何组合在一起的。现场开发环境对我来说是新的，但非常方便。

冰蓝3710

Pull Request #106 添加功能@cojarbi要求。

纠结

它现在在实时站点上。

科哈尔比

感谢这个@iceblu3710

科哈尔比

它按要求工作，只是一个关于导航的问题。如果它保持光标被困并且用户单击以退出它，或者现在它到达最后一个字段，它会转到屏幕/导航上的下一个字段。原因是用户可能需要做一些受第一个字段更改影响的其他更改。示例我在原点找到路径，然后更改大小。

冰蓝3710

我想到它在弹出窗口中循环，但是看到弹出窗口当前在选择对象时如何显示，这意味着在整个应用程序中劫持选项卡功能。

最简单的方法是使用标准选项卡和 shift-tab 键来导航弹出窗口。

科哈尔比

明白了。劫持导航不是我们想要的，所以除非有人有其他建议，否则我认为我们可以关闭这个

cojarbi 添加了功能要求标签 2016 年 12 月 20 日

tbfleming 添加了引用此问题的提交 2016 年 12 月 28 日

Merge pull request #106 from iceblu3710/FloatingControls.tabIndex

ce641c0

cojarbi已完成关闭 2016 年 12 月 28 日

使大小/坐标气泡垂直#94

评论