Контрола Бутон в Power Apps

  • Статия

Контрола, който потребителят може да щракне или докосне, за да взаимодейства с приложението.

Описание

Конфигурирайте свойството OnSelect на контрола Button, за да стартирате една или повече формули, когато потребителят кликне или натисне контрола.

Свойства на ключове

OnSelect – Действия, които се извършват, когато потребителят докосне или щракне върху контрола.

Text - Текстът, който се показва в контролата или който потребителят въвежда в контрола.

Допълнителни свойства

Align - Местоположението на текста по отношение на хоризонталния център на неговия контрол.

AutoDisableOnSelect - Автоматично деактивира контрола, докато OnSelect поведението тече.

BorderColor – Цветът на границата на контролата.

BorderStyle – Дали границата на контрола е солидна, с тирета, с точки или няма.

BorderThickness – Дебелината на границата на контролата.

Color – Цветът на текста в контрола.

DisplayMode – Дали контрола позволява въвеждане от потребителя (редактиране), показва само данни (изглед) или е деактивирана (Забранено).

DisabledBorderColor - Цветът на границата на контрола, ако този на свойството DisplayMode на контролата е настроено на Забранено.

DisabledColor - Цветът на текст на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

DisabledFill - Цветът на фона на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

FocusedBorderColor - Цветът на границата на контрола, когато контролата е на фокус.

FocusedBorderThickness - Дебелината на границата на контрола, когато контролата е на фокус.

Fill – Цветът на запълване в контрола.

Font - Името на семейството шрифтове, в което се появява текст.

FontWeight – Тежестта на текста в контрола: Получер, Непълен получер, Нормален или Лек.

Height - Разстоянието между горния и долния ръб на контрола.

HoverBorderColor - Цвят на границата на контролата, когато потребителят държи показалеца на мишката върху нея.

HoverColor - Цветът на текста в контрола, когато потребителят държи показалеца на мишката върху него.

HoverFill - Цветът на фона в контрола, когато потребителят държи показалеца на мишката върху него.

Italic - Дали текстът в контрола е курсив.

PaddingBottom - Разстоянието между текст в контрола и долния ръб на тази контрола.

PaddingLeft - Разстоянието между текст в контрола и левия ръб на тази контрола.

PaddingRight - Разстоянието между текст в контрола и десния ръб на тази контрола.

PaddingTop - Разстоянието между текст в контрола и горния ръб на тази контрола.

Pressed - Вярно, докато натискате контрола, невярно в противен случай.

PressedBorderColor - Цвят на границата на контролата, когато потребителят докосва или щраква върху нея.

PressedColor - Цвят на текста в контролата, когато потребителят докосва или щраква върху нея.

PressedFill - Цвят на фона в контролата, когато потребителят докосва или щраква върху нея.

RadiusBottomLeft – Степента за закръгляване на долния ляв ъгъл на контролата.

RadiusBottomRight – Степента за закръгляване на долния десен ъгъл на контролата.

RadiusTopLeft – Степента за закръгляване на горния ляв ъгъл на контролата.

RadiusTopRight – Степента за закръгляване на горния десен ъгъл на контролата.

Size - Размерът на шрифта на текста, който се появява на контрола.

Strikethrough – Дали има черта върху текста, който се показва в контрола.

TabIndex - Ред за навигация на клавиатурата в сравнение с други контроли.

Tooltip - Обяснителен текст, който се появява, когато потребителят задържи курсора над контрола.

Underline – Дали има черта под текста, който се показва в контрола.

VerticalAlign - местоположението на текста върху контрола по отношение на вертикалния център на тази контрола.

Visible - Дали се появява контрола, или е скрита.

Width - Разстоянието между левия и десния ръб на контрола.

X - Разстоянието между левия ръб на контрола и левия ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Y - Разстоянието между горния ръб на контрола и горния ръб на неговия родителски контейнер (или екрана, ако няма родителски контейнер).

Navigate( ScreenName, ScreenTransitionValue )

Примери

Добавете основна формула към бутон

  1. Добавете контрола Text input и я назовете Източник.

    Не знаете как да добавяте, назовавате и конфигурирате контрола?

  2. Добавете контролата Button върху екрана, задайте свойството й Text на „Добавяне”, и задайте свойството й OnSelect на тази формула:
    UpdateContext({Total:Total + Value(Source.Text)})

    Искате повече информация за функцията UpdateContext или други функции?

  3. Добавете контрола Label, задайте свойството Text в лентата с формули на Value(Total) и след това натиснете F5.

  4. Изчистете текста по подразбиране от източник, въведете число в него и след това щракнете или докоснете Добави.

    Контролата Label показва номера, който сте въвели.

  5. Изчистете числото от източник, въведете друго число в него и след това щракнете или докоснете Добави.

    Контролата Label показва сумата от двете числа, .които въведохте.

  6. (незадължително) Повторете предишната стъпка един или повече пъти.

  7. За да се върнете към работното пространство по подразбиране, натиснете Esc (или щракнете или докоснете иконата за затваряне в горния десен ъгъл).

Конфигурирайте бутон с множество формули

Добавете формула, която изчиства контролата Text input между записите.

  1. Задайте свойството HintText на източник на "Въведете число".

  2. Задайте свойството OnSelect на Добавяне на тази формула:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Бележка

    Отделете множество формули с точка и запетая “;”.

  3. Задайте свойството Default на Източник на ClearInput.

  4. Натиснете F5 и след това тествайте приложението, като добавите заедно няколко номера.

Добавете още един бутон, за да нулирате общата сума

Добавете втори бутон, за да изчистите общото между изчисленията.

  1. Добавете друга контрола Button върху екрана, задайте свойството й Text на „Изчистване”, и задайте свойството й OnSelect на тази формула:

    UpdateContext({Total:0})

  2. Натиснете F5, добавете няколко числа заедно и след това щракнете или докоснете Изчистване, за да нулирате общата сума.

Промяна на външния вид на бутон

Промяна на формата на бутон

По подразбиране, Power Apps създава контрола на правоъгълен Button със заоблени ъгли. Можете да направите основни модификации на формата на контролата Button чрез настройка на неговите свойства Height, Width и Radius.

Бележка

Icons and Shapes осигуряват голямо разнообразие от дизайни и могат да изпълняват някои от същите основни функции, които Button контролите правят. Въпреки това, Icons and Shapes нямат свойство Text.

  1. Добавете контрола Button и задайте свойството й Height и Width на 300, за да направите голям квадратен бутон.

  2. Променете RadiusTopLeft, RadiusTopRight, RadiusBottomLeft и RadiusBottomRight свойства за регулиране на размера на кривината на всеки ъгъл. Ето няколко примера за различни форми, всеки от които започва с квадратен бутон 300 x 300:

    • Задайте всички четири стойности на Radius към 150, за да създадете кръг.
    • Задайте стойностите за RadiusTopLeft и RadiusBottomRight на 300, за да създадете оформен като лист Button.
    • Задайте стойностите за RadiusTopLeft и RadiusTopRight на 300 и стойностите за RadiusBottomLeft и RadiusBottomRight на 100, за да създадете бутон във формата на табулатор.

Променете цвета на бутона, когато задържите курсора на мишката върху него

По подразбиране цветът на запълване на контролата Button ще затъмни с 20%, когато задържите курсора на мишката върху него. Можете да коригирате това поведение, като промените свойството HoverFill, която използва функция ColorFade. Ако зададете формулата ColorFade до положителен процент, цветът става по-светъл, когато задържите курсора върху бутона, докато отрицателният процент прави цвета по-тъмен.

  • Променете процента ColorFade в HoverFill свойство на един от създадените от вас бутони и наблюдавайте ефектите.

Можете също да зададете цвета на Button контрола чрез настройка на неговото HoverFill свойство във формула, която съдържа ColorValue функция вместо ColorFade функция, както в ColorValue("Red").

Бележка

Стойността на цвета може да бъде всяко CSS определение на цвета, или име, или шестнадесетична стойност.

  • Заменете функцията ColorFade в ColorValue функцията на един от създадените от вас бутони и наблюдавайте ефектите.

Насоки за достъпност

Контраст на цвят

Поддръжка на екранен четец

  • Text трябва да е налице.

Поддръжка на клавиатурата

  • TabIndex трябва да е нула или повече, така че потребителите с клавиатура да могат да навигират.
  • Индикаторите за фокус трябва да са ясно видими. Използвайте FocusedBorderColor и FocusedBorderThickness за постигане на това.

Бележка

Можете ли да ни споделите повече за езиковите си предпочитания за документацията? Попълнете кратко проучване. (имайте предвид, че това проучване е на английски език)

Проучването ще отнеме около седем минути. Не се събират лични данни (декларация за поверителност).