问题标签 [buttonbar]

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 投票
2 回答
334 浏览

flutter - Flutter:如何对齐多个 ButtonBar,使单选按钮在另一个下方?

在这里你可以看到我目前拥有的:(我目前不允许插入这张图片)。我在 ListView 中有两个带有两个单选按钮的 TabBar,但它看起来很糟糕。无论字符串的长度如何,我都想将单选按钮放在另一个下方。

这是我的代码:

如何正确对齐单选按钮?

0 投票
1 回答
4340 浏览

flutter - 如何在颤动中创建浮动按钮栏?

我想在颤振中创建一个浮动按钮栏,类似于floating bottom bar共享的图像中所示在此处输入图像描述

上图来自依赖https://pub.dev/packages/floating_bottom_navigation_bar,这是用于页面导航,但我不希望导航只希望在按下按钮时执行操作,并且视图应该是相同的。

0 投票
1 回答
99 浏览

button - ButtonBar 中的第一个按钮始终保持焦点?

我目前正在开发一个JavaFX应用程序,在那里我使用了ButtonBar一些按钮。当我运行程序时,第一个Button始终是重点。如何禁用该设置?

在此处输入图像描述

PS:我使用了一些CSS代码来更改默认外观,并且那个棕色框表示按钮已聚焦。

0 投票
1 回答
54 浏览

javafx - ButtonBar:相同的按钮高度

我有一个应用程序,它有一个非常动态的按钮栏,大约有 1 到 12 个按钮,可以改变当前屏幕和/或所选记录的文本和功能。我正在使用 ButtonBar 来显示它们。

当文本太大时,栏中的按钮会包裹它们的文本,但我最终会遇到这种愚蠢的情况:

在此处输入图像描述

按钮的高度不同!我希望 ButtonBar 为我提供良好规范的按钮,如下所示:

在此处输入图像描述

我可以通过将每个按钮分成三行来作弊。这会造成小按钮在空间中游动的情况:

在此处输入图像描述

(如果我使用两行,我会减少浪费的空间,这很好,但单行文本不再居中,这看起来也很糟糕。)

现在,我唯一能想到的就是,在渲染条之后,扫描所有按钮以找到最高的按钮,然后相应地调整每个其他按钮。ButtonBar 具有宽度,这很好(但实际上可能不如所有按钮的高度相同)。误导性地命名为“UniformButtonSize”就是这样做的。

我想知道我是否可以以某种方式使用 CSS 来做到这一点,也许可以将按钮高度设置为百分比。任何建议,将不胜感激!