Делите путем

Контрола Дугме у услузи Power Apps

  • Чланак

Контрола коју корисник може да кликне или додирне да би ступио у интеракцију са апликацијом.

Опис

Конфигуришите својство OnSelect контроле дугме да бисте покренули једну или више формула када корисник кликне или додирне контролу.

Својства кључева

OnSelect – Радње које треба извршити када корисник додирне или кликне на контролу.

Текст – Текст који се приказује на контроли или који корисник уписује у контролу.

Додатна својства

Align – Локација текста у односу на хоризонтални центар контроле.

AutoDisableOnSelect – Аутоматски онемогућава контролу док се извршава понашање својства OnSelect.

BorderColor – Боја ивице контроле.

BorderStyle – Да ли је ивица контроле пуна, испрекидана, тачкаста или ниједна.

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

Color – Боја текста у контроли.

DisplayMode – Да ли контрола омогућава унос корисника (Edit), само приказује податке (View) или је онемогућена (Disabled).

DisabledBorderColor – Боја ивице контроле ако је својство контроле DisplayMode подешено на Disabled.

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 контролу и назовите је Source.

    Не знате како да додате, именујете и конфигуришете контролу?

  2. Додајте контролу Дугме, подесите својство Текст на „Додај“ и поставите његово својство OnSelect на следећу формулу:
    UpdateContext({Total:Total + Value(Source.Text)})

    Желите ли више информација о функцији UpdateContext или другим функцијама?

  3. Додајте контролу Ознака, подесите његово својство Текст у траци са формулама на Вредност(Укупна), а затим притисните F5.

  4. Избришите подразумевани текст из контроле Source, унесите број у њу, а затим кликните или додирните Додај.

    Контрола Label приказује број који сте уписали.

  5. Избришите број из контроле Source, унесите други број у њу, а затим кликните или додирните Додај.

    Контрола Label приказује два броја која сте уписали.

  6. (опционално) Претходни корак поновите једном или више пута.

  7. Да бисте се вратили у подразумевани радни простор, притисните Esc (или кликните или додирните икону за затварање у горњем десном углу).

Конфигурисање дугмета са више формула

Додајте формулу која брише контролу Унос текста између уноса.

  1. Подесите својство HintText контроле Source на „Унесите број“.

  2. Подесите својство OnSelect контроле Додавање на ову формулу:

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

    Напомена

    Раздвојите више формула тачком и зарезом „;“.

  3. Подесите својство Default контроле Source на ClearInput.

  4. Притисните F5, а затим тестирајте апликацију додајући неколико бројева.

Додајте још једно дугме да бисте поништили укупан збир

Додајте друго дугме да бисте обрисали укупан збир између израчунавања.

  1. Додајте другу контролу Дугме, подесите њено својство Текст на „Обриши“ и поставите њено својство OnSelect на следећу формулу:

    UpdateContext({Total:0})

  2. Притисните F5, додајте неколико бројева заједно, а затим кликните или додирните Обриши да поништите укупан збир.

Промена изгледа дугмета

Промена облика дугмета

Подразумевано, Power Apps креира правоугаону контролу Дугме са заобљеним угловима. Можете извршити основне модификације облика контроле дугме подешавањем својстава Height, Width и Radius.

Напомена

Иконе и облици пружају широк избор дизајна и могу обављати неке од истих основних функција које контроле дугме обављају. Међутим, Иконе и облици немају својство Текст.

  1. Додајте контролу Дугме и подесите њена својства Height и Width на 300 да бисте направили велико квадратно дугме.

  2. Измените својства RadiusTopLeft, RadiusTopRight, RadiusBottomLeft и RadiusBottomRight да бисте подесили количину закривљености на сваком углу. Ево неколико примера различитих облика, од којих сваки почиње од квадратног дугмета 300x300:

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

Промените боју дугмета када поставите показивач миша изнад њега

Подразумевано, боја за унос контроле Дугме ће се затамнити 20% када пређете мишем преко ње. Ово понашање можете прилагодити променом својства HoverFill, које користи функцију ColorFade. Ако подесите формулу ColorFade на позитиван проценат, боја постаје светлија када пређете мишем преко дугмета, док негативан проценат чини боју тамнијом.

  • Промените проценат ColorFade у својству HoverFill једног од дугмета које сте креирали и посматрајте ефекте.

Такође можете да одредите боју контроле Дугме подешавањем њеног својства HoverFill према формули која садржи функцију ColorValue уместо ColorFade, као у ColorValue("Red").

Напомена

Вредност боје може бити било која CSS дефиниција боје, било да је то име или хексадецимална вредност.

  • Замените функцију ColorFade функцијом ColorValue у једном од дугмади које сте креирали и посматрајте ефекте.

Смернице за приступачност

Контраст боја

Подршка за читаче екрана

  • Својство Текст мора бити присутно.

Подршка за тастатуру

  • TabIndex мора бити нула или већи број како би корисници могли да стигну до контроле.
  • Индикатори фокуса морају бити јасно видљиви. Користите FocusedBorderColor и FocusedBorderThickness како да то постигнете.

Напомена

Можете ли нам рећи о својим жељеним поставкама језика у документацији? Испуните кратку анкету. (имајте на уму да је ова анкета на енглеском језику)

Анкета ће трајати око седам минута. Не прикупљају се лични подаци (изјава о приватности).