Power Apps ішіндегі "Түймешік" басқару элементі

Пайдаланушы бағдарламамен өзара әрекеттесу үшін баса немесе түрте алатын басқару элементі.

Сипаттама

Түймешік басқару элементінің OnSelect сипатын пайдаланушы сол басқару элементін басқанда немесе түрткенде бір немесе бірнеше формуланы орындауға конфигурациялаңыз.

Кілт сипаттары

OnSelect – Пайдаланушы басқару элементін түрткен немесе басқан кезде орындалатын әрекеттер.

Мәтін - басқару элементінде пайда болатын немесе пайдаланушы ішіне енгізетін мәтін.

Қосымша сипаттар

Туралау - мәтіннің оның басқару элементінің көлденең ортасына қатысты орналасуы.

AutoDisableOnSelectOnSelect мінез-құлқы орындалып жатқанда басқару элементін автоматты түрде өшіреді.

BorderColor – Басқару элементі жиегінің түсі.

BorderStyle – Басқару элементі жиегі Тұтас, Сызықшалы, Нүктелі немесе Жоқ екені.

BorderThickness – Басқару элементі жиегінің қалыңдығы.

Түсі – Басқару элементіндегі мәтіннің түсі.

DisplayMode – басқару элементі пайдаланушыға деректерді енгізуге (Өңдеу), тек көрсетуге (Көру) рұқсат ететінін немесе деректер өшірілген (Өшірілген) болатынын анықтайды.

DisableBorderColor - DisplayMode сипаты Өшірілген параметріне орнатылған болса, басқару элементі жиегінің түсі.

DisabledColor - DisplayMode сипаты Өшірілген параметріне орнатылған болса, басқару элементіндегі мәтінінің түсі.

DisabledFill - DisplayMode сипаты Өшірілген параметріне орнатылған болса, басқару элементі фонының түсі.

FocusedBorderColor – Басқару элементін фокустаған кездегі басқару элементі жиегінің түсі.

FocusedBorderThickness – Басқару элементін фокустаған кездегі басқару элементі жиегінің қалыңдығы.

Толтыру - Басқару элементінің фондық түсі.

Қаріп - мәтін пайда болатын қаріптер тобының атауы.

FontWeight – басқару элементіндегі мәтіннің салмағы: Қалың, Жартылай қалың, Қалыпты немесе Жеңіл.

Height – Басқару элементінің жоғарғы және төменгі шеттерінің арасындағы қашықтық.

HoverBorderColor – Пайдаланушы тінтуір меңзерін басқару элементінде ұстап тұрғандағы басқару элементінің жиегінің түсі.

HoverColor – Пайдаланушы үстіне тінтуір меңзерін ұстап тұрған кездегі басқару элементіндегі мәтіннің түсі.

HoverFill – Пайдаланушы үстіне тінтуір меңзерін ұстап тұрған кездегі басқару элементі фонының түсі.

Қиғаш - басқару элементіндегі мәтіннің көлбеу болуы.

PaddingBottom - басқару элементіндегі мәтін мен басқару элементінің төменгі шеті арасындағы қашықтық.

PaddingLeft - басқару элементіндегі мәтін мен басқару элементінің сол жақ шеті арасындағы қашықтық.

PaddingRight - басқару элементіндегі мәтін мен басқару элементінің оң жақ шеті арасындағы қашықтық.

PaddingTop - басқару элементіндегі мәтін мен басқару элементінің жоғарғы шеті арасындағы қашықтық.

Pressed – Басқару элементін басып тұрғанда True, олай болмаса, false.

PressedBorderColor - пайдаланушы басқару элементін басқанда не түрткенде басқару элементі шекарасының түсі.

PressedColor - пайдаланушы басқару элементін басқанда не түрткенде басқару элементі мәтінінің түсі.

PressedFill - пайдаланушы басқару элементін басқанда не түрткенде басқару элементі фонының түсі.

RadiusBottomLeft – басқару элементінің төменгі сол жақ бұрышы дөңгелектелетін градус.

RadiusBottomRight – басқару элементінің төменгі оң жақ бұрышы дөңгелектелетін градус.

RadiusTopLeft – басқару элементінің жоғарғы сол жақ бұрышы дөңгелектелетін градус.

adiusTopRight – басқару элементінің жоғарғы оң жақ бұрышы дөңгелектелетін градус.

Өлшем - басқару элементінде пайда болатын мәтіннің қаріп өлшемі.

Сызылған - басқару элементінде пайда болатын мәтін астында сызық пайда бола ма.

TabIndex – Басқа басқару элементтеріне қатысты пернетақта навигациясының реті.

Қалқымалы сөзкөмек – пайдаланушы тінтуірді басқару элементінің үстіне апарғанда көрсетілетін түсіндірме мәтін.

Асты сызылған - басқару элементінде пайда болатын мәтіннің асты сызылған болатыны не болмайтыны.

VerticalAlign - мәтіннің басқару элементінде сол басқару элементінің тік ортасына қатысты орналасуы.

Көрінетін – Басқару элементі көрінетіндігі немесе жасырылатындығы.

Ені – Басқару элементінің сол жақ және оң жақ шеттерінің арасындағы қашықтық.

Х - басқару элементінің сол жақ жиегі мен басты контейнерінің сол жиегі арасындағы қашықтық (егер басты контейнер болмаса, экран).

Y - басқару элементінің жоғарғы жиегі мен басты контейнерінің жоғарғы жиегі арасындағы қашықтық (егер басты контейнер болмаса, экран).

Navigate( ScreenName, ScreenTransitionValue )

Мысалдар

Түймешікке негізгі формуланы қосу

  1. Text input басқару элементін қосып, оны Көз деп атаңыз.

    Басқару элементін қосу, атау және конфигурациялау жолын білмейсіз бе?

  2. Түймешік басқару элементін қосыңыз, оның Мәтін сипатын "Қосу" сөзіне орнатыңыз және OnSelect сипатын мына формулаға орнатыңыз:
    UpdateContext({Total:Total + Value(Source.Text)})

    UpdateContext функциясы немесе басқа функциялар туралы қосымша ақпарат керек пе?

  3. Белгі басқару элементін қосыңыз, оның формула жолағындағы Мәтін сипатын Мән(Жалпы) орнатыңыз, содан кейін F5 пернесін басыңыз.

  4. Көзі ішінен әдепкі мәтінді тазалаңыз, оның ішінде санды теріңіз, содан кейін Қосу түймешігін басыңыз немесе түртіңіз.

    Label басқару элементі сіз терген санды көрсетеді.

  5. Көзі ішінен санды тазалаңыз, оның ішінде басқа санды теріңіз, содан кейін Қосу түймешігін басыңыз немесе түртіңіз.

    Label басқару элементі сіз терген екі санның қосындысын көрсетеді.

  6. (міндетті емес) Алдыңғы қадамды бір немесе бірнеше рет қайталаңыз.

  7. Әдепкі жұмыс кеңістігіне оралу үшін Esc пернесін басыңыз (немесе жоғарғы оң жақ бұрыштағы жабу белгішесін басыңыз немесе түртіңіз).

Түймешікті бірнеше формуламен конфигурациялау

Енгізулер арасында Мәтінді енгізу басқару элементін тазалайтын формуланы қосыңыз.

  1. Көзі элементінің HintText сипатын "Санды енгізіңіз" деп орнатыңыз.

  2. Қосу элементінің OnSelect сипатын мына формулаға орнатыңыз:

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

    Ескерім

    Бірнеше формуланы нүктелі үтірмен “;” бөліңіз.

  3. Көз элементінің Default сипатын ClearInput деп орнатыңыз.

  4. F5 пернесін басыңыз, содан кейін бірнеше санды қосу арқылы бағдарламаны тексеріңіз.

Қорытындыны ысыратын тағы бір түймешікті қосыңыз

Есептеулердің арасында қорытындыны тазалау үшін екінші түймешікті қосыңыз.

  1. Тағы бір Түймешік басқару элементін қосыңыз, оның Мәтін сипатын "Тазалау" сөзіне орнатыңыз және оның OnSelect сипатын мына формулаға орнатыңыз:

    UpdateContext({Total:0})

  2. F5 пернесін басыңыз, бірнеше санды бір біріне қосыңыз, содан кейін қорытындыны ысыру үшін Тазалау түймешігін басыңыз немесе түртіңіз.

Түймешіктің сыртқы түрін өзгерту

Түймешіктің пішінін өзгерту

Әдепкі бойынша, Power Apps жүйесі дөңгелек бұрыштары бар төртбұрышты Түймешік басқару элементін жасайды. Height, Width және Radius сипаттарын орнату арқылы Button басқару элементінің пішініне қарапайым өзгертулер енгізе аласыз.

Ескерім

Icons and Shapes дизайндардың кең ауқымын қамтамасыз етеді және Button басқару элементтері істейтін кейбір негізгі функцияларды орындай алады. Дегенмен, Icons and Shapes ішінде Мәтін сипаты жоқ.

  1. Түймешік басқару элементін қосыңыз және үлкен шаршы түймешікті жасау үшін оның Height және Width сипаттарын 300 мәніне орнатыңыз.

  2. Әр бұрыштағы қисаю мөлшерін реттеу үшін RadiusTopLeft, RadiusTopRight, RadiusBottomLeft және RadiusBottomRight сипаттарын реттеңіз. Мұнда әрқайсысы 300 x 300 шаршы түймешігінен басталатын әртүрлі пішіндердің біраз мысалдары берілген:

    • Шеңбер жасау үшін төрт Radius мәнінің барлығын 150 мәніне орнатыңыз.
    • Жапырақ пішінді Түймешік жасау үшін RadiusTopLeft және RadiusBottomRight мәндерін 300 деп орнатыңыз.
    • Қойынша пішінді түймешікті жасау үшін RadiusTopLeft және RadiusTopRight мәндерін 300 деп әрі RadiusBottomLeft және RadiusBottomRight мәндерін 100 деп орнатыңыз.

Меңзерді апарған кезде түймешік түсін өзгерту

Әдепкі бойынша, тінтурі меңзерін апарғанда Түймешік басқару элементінің толтыру түсі 20%-ға күңгірттенеді. Бұл мінез-құлықты ColorFade функциясын пайдаланатын HoverFill сипатын өзгерту арқылы реттеуге болады. ColorFade формуласын оң пайызға орнатсаңыз, түймешікке меңзерді апарғанда түс ашығырақ болады, ал теріс пайыз түсті күңгірттеу етеді.

  • Түймешіктердің біреуінің HoverFill сипатындағы ColorFade пайызын өзгертіп, әсерлерін бақылаңыз.

Сондай-ақ Түймешік басқару элементінің түсін ColorValue("Red") ішіндегідей HoverFill сипатын ColorFade функциясының орнына ColorValue функциясын қамтитын формулаға орнату арқылы көрсетуге болады.

Ескерім

Түс мәні кез келген CSS түс анықтамасы, атау немесе он алтылық мән бола алады.

  • ColorFade функциясын өзіңіз жасаған түймешіктердің біреуіндегі ColorValue функциясына ауыстырыңыз және әсерлерді бақылаңыз.

Арнайы мүмкіндіктер туралы нұсқаулар

Түс контрасты

Экраннан оқу бағдарламасының қолдауы

Пернетақтаны қолдау

  • Пернетақта пайдаланушылары өте алуы үшін TabIndex нөл немесе үлкенірек болуы керек.
  • Фокустау индикаторлары анық көрінуі керек. Бұған жету үшін FocusedBorderColor және FocusedBorderThickness сипаттарын пайдаланыңыз.

Ескерім

Сіз құжат тіліңіздің артықшылықтары туралы айта аласыз ба? Қысқа сауалнамаға қатысыңыз. (бұл сауалнама ағылшын тілінде екеніне назар аударыңыз)

Сауалнама шамамен жеті минут уақытыңызды алады. Жеке деректер жиналмайды (құпиялылық туралы мәлімдеме).