非常教程

Electron参考手册

触摸板分段控制 | TouchBarSegmentedControl

触摸板分段控制 | TouchBarSegmentedControl

创建一个按钮具有选定状态的分段控件(按钮组)

过程:主

new TouchBarSegmentedControl(options) 试验

  • options 目的
    • segmentStyle 字符串 - (可选)段的样式:
      • automatic - 默认。根据显示控件的窗口类型和窗口内的位置自动确定分段控件的外观。
      • rounded - 使用圆形样式显示控件。
      • textured-rounded - 使用纹理圆角样式显示控件。
      • round-rect - 使用圆形矩形样式显示控件。
      • textured-square - 使用纹理方形样式显示控件。
      • capsule - 使用胶囊样式显示控件
      • small-square - 控件使用小方块样式显示。
      • separated - 控件中的分段显示得非常接近,但未触及。
-  `mode` String - (optional) The selection mode of the control: 
    -  `single` - Default. One item selected at a time, selecting one deselects the previously selected item.
    -  `multiple` - Multiple items can be selected at a time.
    -  `buttons` - Make the segments act as buttons, each segment can be pressed and released but never marked as active.
-  `segments` [SegmentedControlSegment[]](../structures/segmented-control-segment/index) - An array of segments to place in this control.
-  `selectedIndex` Integer (optional) - The index of the currently selected segment, will update automatically with user interaction. When the mode is multiple it will be the last selected item.
-  `change` Function - Called when the user selects a new segment 
    -  `selectedIndex` Integer - The index of the segment the user selected.
    -  `isSelected` Boolean - Whether as a result of user selection the segment is selected or not.

实例属性

以下属性可用于以下TouchBarSegmentedControl实例:

touchBarSegmentedControl.segmentStyle

一个String代表当前控制段风格。更新此值立即更新触摸栏中的控件。

touchBarSegmentedControl.segments

表示此控件中的段SegmentedControlSegment[]的数组。更新此值立即更新触摸栏中的控件。更新此阵列中的深层属性不会更新触摸栏

touchBarSegmentedControl.selectedIndex

一个Integer表示当前选择的段。更改此值立即更新触摸栏中的控件。用户与触摸栏的交互将自动更新此值。

触摸板分段控制 | TouchBarSegmentedControl
触摸板分段控制 | TouchBarSegmentedControl 详细
Electron

Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。

主页 https://electron.atom.io/
源码 https://github.com/electron/electron
发布版本 1.7.9