PowerApps 中的单选控件

超、凢脫俗 2022-02-21 17:29 635阅读 0赞

新增单选按钮，默认显示：

![2019041110434116.png][]

显示1和2，怎么修改成为自己想要的数据呢？

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70][]

单选按钮的高级属性，搜索Items，fx的vaule属性填写\["circle","triangle","rectangle"\]去掉多余的数据，如图：

![20190411104723951.png][]

--------------------

详细说明：

## 创建简单列表 ##

1.  添加“列表框”控件，将它命名为“MyListBox”，并将它的“**Items**”属性设置为以下表达式：
    
    `["circle","triangle","rectangle"]` 
    
    设计器的外观与下图类似：（**可能与图片有差异**）
    
    ![itemslistbox.png][]
2.  在“插入”选项卡上，依次选择“图标”和圆形，再将圆形移到“MyListBox”下面：
    
    ![circle.png][]
3.  添加三角形和矩形，再将这些形状在“MyListBox”下面排成一行：
    
    ![allshapes.png][]
4.  将以下形状的 **[Visible][]** 属性设置为以下函数：
    
    <table> 
     <thead> 
      <tr> 
       <th>形状</th> 
       <th>将 Visible 函数设置为</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>圆形</td> 
       <td><code>If("circle" in MyListBox.SelectedItems.Value, true)</code></td> 
      </tr> 
      <tr> 
       <td>三角形</td> 
       <td><code>If("triangle" in MyListBox.SelectedItems.Value, true)</code></td> 
      </tr> 
      <tr> 
       <td>矩形</td> 
       <td><code>If("rectangle" in MyListBox.SelectedItems.Value, true)</code></td> 
      </tr> 
     </tbody> 
    </table>
5.  按住 Alt 键的同时，选择“MyListBox”中的一个或多个形状。
    
    仅显示所选的形状。

上述步骤使用了表达式来创建项列表。 可以将此应用于业务中的其他元素。 例如，可使用“下拉列表”控件来显示产品图像、产品说明等。

--------------------

## 添加单选按钮 ##

1.  在“主页”选项卡上，依次选择“新建屏幕”和“空白”。
2.  在“插入”选项卡上，选择“控件”，然后选择“单选按钮”。
    
    ![radiobutton.png][]
3.  将“单选按钮”控件重命名为“Choices”，并将其 **[Items][Visible]** 属性设置为此公式：  
    `["red","green","blue"]` 
    
    ![itemsradio.png][]
    
    如有需要，可将控件大小重设为显示所有选项。
4.  在“插入”选项卡上，选择“图标”，然后选择圆形。
5.  将圆形的 **[Fill][]** 属性设置为下面的函数：  
    `If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)`
    
    在此公式中，圆形根据所选单选按钮更改其颜色。
6.  将圆形移到“单选按钮”控件下面，如此示例所示：
    
    ![radiocircle.png][]
7.  按住 Alt 键的同时，选中不同单选按钮，以更改圆形的颜色。

--------------------

原文网址：向画布应用添加列表框、下拉列表或单选按钮 - PowerApps | Microsoft Docs https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/add-list-box-drop-down-list-radio-button

--------------------

## 说明 ##

**单选按钮**控件，标准 HTML 输入控件，在只有少量互斥选项时使用效果最佳。

该控件可有水平或垂直布局。

## 关键属性 ##

**[Default][Visible]** - 用户更改前的控件值。

**[Items][Visible]** - 控件中显示的数据源，如库、列表或图表。

**Layout** - 选项是垂直还是水平布局。

**[Value][Visible]** – 输入控件的值。

## 所有属性 ##

**[Align][]** – 文本相对于其控件的水平居中的位置。

**[BorderColor][Fill]** – 控件边框的颜色。

**[BorderStyle][Fill]** – 控件边框是“实线”、“虚线”、“点线”还是“无”。

**[BorderThickness][Fill]** – 控件边框的粗细。

**[Color][Fill]** – 控件中文本的颜色。

**[DisplayMode][Visible]** – 此控件是允许用户输入 (Edit)、仅显示数据 (View)，还是已禁用 (Disabled)。

**[DisabledBorderColor][Fill]** – 控件的 [DisplayMode][Visible] 属性设置为“Disabled”时，该控件边框的颜色。

**[DisabledColor][Fill]** – 控件的 **[DisplayMode][Visible]** 属性设置为 Disabled**Disabled** 时，该控件中的文本颜色。

**[DisabledFill][Fill]** – 控件的“DisplayMode”**[Display Mode][Visible]** 属性设置为“Disabled”**Disabled**时，该控件的背景色。

**[Fill][]** – 控件的背景色。

**[FocusedBorderColor][Fill]** – 当聚焦到控件时，控件的边框颜色。

**[FocusedBorderThickness][Fill]** – 当聚焦到控件时，控件的边框粗细。

[Font][Align] – 文本中所显示的字体系列的名称。

**[FontWeight][Align]** – 控件中文本的粗细：**粗体**、**半粗体**、**正常**或**细体**。

**[Height][]** – 控件上边缘和下边缘之间的距离。

[HoverColor][Fill] – 用户将鼠标指针停留在控件上时，该控件中的文本颜色。

**[HoverFill][Fill]** – 用户将鼠标指针停留在控件上时，该控件的背景色。

**[Italic][Align]** – 控件中的文本是否为斜体。

**[LineHeight][Align]** - 文本行之间或列表项之间的距离。

[OnChange][Visible] – 用户更改控件的值（例如，通过调整滑块）时应用的响应方式。

**[OnSelect][Visible]** – 用户点击或单击某个控件时应用响应的方式。

[PaddingBottom][Height] – 控件中的文本与该控件的下边缘之间的距离。

[PaddingLeft][Height] – 控件中的文本与该控件的左边缘之间的距离。

[PaddingRight][Height] – 控件中的文本与该控件的右边缘之间的距离。

**[PaddingTop][Height]** - 控件中的文本与此控件的上边缘之间的距离。

[PressedColor][Fill] – 用户在点击或单击控件时，该控件中的文本的颜色。

**[PressedFill][Fill]** – 用户在点击或单击控件时，该控件的背景色。

RadioBackgroundFill - 单选按钮控件中的圆圈背景色。

RadioBorderColor - 单选按钮控件中每个选项的圆圈颜色。

RadioSelectionFill - 单选按钮控件中选定选项的圆圈内显示的颜色。

RadioSize - 单选按钮控件中的圆圈直径。

**[Reset][Visible]** - 是否还原控件的默认值。

**[Size][Align]** – 控件上显示的文本的字号。

[Strikethrough][Align] – 通过文本显示的线是否在控件上显示。

**[TabIndex][]** - 相对于其他控件的键盘导航顺序。

**[Tooltip][Visible]** – 用户将鼠标悬停在控件上时显示的解释性文本。

[Underline][Align] – 在文本下方显示的线是否在控件上显示。

**[Visible][]** – 控件显示还是隐藏。

**[Width][Height]** – 控件左边缘和右边缘之间的距离。

**[X][Height]** – 控件左边缘与其父容器（如果没有父容器，则为屏幕）左边缘之间的距离。

**[Y][Height]** – 控件上边缘与其父容器（如果没有父容器，则为屏幕）上边缘之间的距离。

--------------------

原文网址：单选控件：参考 - PowerApps | Microsoft Docs https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/control-radio

[2019041110434116.png]: /images/20220221/aead82f425d84b7882720615c67a1cd0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70]: /images/20220221/e6d50dc03321447284308c31ca6ad77f.png
[20190411104723951.png]: /images/20220221/10ccefde07854ecc88367c20d68cdc2e.png
[itemslistbox.png]: /images/20220221/b96e4434ca9c4e72b3a1f40bc9fa8b3d.png
[circle.png]: /images/20220221/671ca79b09c34614972b7c51f83ebba4.png
[allshapes.png]: /images/20220221/153805b28926497da196c2bf5b2d36de.png
[Visible]: https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/properties-core
[radiobutton.png]: /images/20220221/cb95572456e3428690561f8b45d2e56a.png
[itemsradio.png]: /images/20220221/56687160d6424796a3e27dea3e724ede.png
[Fill]: https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/properties-color-border
[radiocircle.png]: /images/20220221/8c7ded8cb8d44f6189a50325afc403f6.png
[Align]: https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/properties-text
[Height]: https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/properties-size-location
[TabIndex]: https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/properties-accessibility