Modeliu pagrįstos programos pasirinktinio puslapio kūrimas

Šiame straipsnyje pateikta patarimų, kaip sukurti pasirinktinį puslapį, skirtą naudoti modeliu pagrįstoje programoje. Naudodami tinkintą puslapį galite sukurti puslapį, panašų į drobės programą modeliu pagrįstoje programoje.

Svarbu

Tinkinti puslapiai yra nauja funkcija su reikšmingais produkto pakeitimais ir šiuo metu turi daug žinomų apribojimų, nurodytų pasirinktinio puslapio žinomose problemose.

Palaikomi pasirinktinio puslapio valdikliai

Pasirinktinis puslapių kūrimas palaiko drobės taikomosios programos valdiklių antrinį rinkinį. Šioje lentelėje išvardyti šiuo metu palaikomi valdikliai.

Control Valdiklio tipas Pastabos
Žyma1 Rodyti
Teksto laukas1 Įvestis
Duomenų parinkiklis1 Įvestis
Mygtukas1 Įvestis
Kombo laukelis1 Įvestis
Žymimas laukelis1 Įvestis
perjungiklis1 Įvestis
Radio grupė1 Įvestis
Slankiklis1 Įvestis
Reitingas1 Įvestis
Vertikalus konteineris Išdėstymas Naujas interaktyvusis horizontalusis maketo konteineris
Horizontalus konteineris Išdėstymas Naujas interaktyvusis horizontalusis maketo konteineris
Raiškiojo teksto rengyklė Įvestis
Galerija Sąrašas
Ikona Žiniasklaidos
Vaizdas Žiniasklaidos
Redaguoti formą Įvestis
Rodyti formą Įvestis
Kodo komponentai Pasirinktinis Kodo komponentų įtraukimas į pasirinktinį puslapį
Drobės komponentai (peržiūros versija) Pasirinktinis Drobės komponentų įtraukimas į pasirinktinį puslapį

1 valdiklis yra naujas modernias valdiklis. Valdiklis buvo pristatytas drobės programoms "Teams". Valdiklis pagrįstas "Fluent" vartotojo sąsajos biblioteka , supakuota su Power Apps komponentų sistema.

Svarbu

"Fluent UI" (v8) valdikliai, kuriuos įtraukiate į pasirinktinį puslapį, yra nebenaudojami. Modernūs valdikliai juos pakeičia. Atnaujinkite programėles į modernius valdiklius, kad galėtumėte gauti naujausius dizaino, našumo ir pritaikymo neįgaliesiems patobulinimus. Daugiau informacijos žr. "Fluent UI" valdiklių naujinimas į modernius valdiklius.

Pasirinktinių komponentų pasirinktinio puslapio palaikymas

Į savo aplinką galite įtraukti ir žemo kodo (drobės komponentų), ir pro-code (kodų komponentų) pasirinktinius UX komponentus ir padaryti juos prieinamus visiems kūrėjams. Jei reikia pasirinktinių straipsnių apie konkretaus puslapio naudotojo būsenos išplėtimą, eikite į skiltį " Drobės komponentų įtraukimas į tinkintą modeliu pagrįstos programos puslapį" ir kodo komponentų įtraukimas į tinkintą modeliu pagrįstos programos puslapį.

Iš esmės mažesnio kodo išsekimo metodas yra paprastesnis norint kurti, tikrinti ir atlikti mažesnes priežiūros išlaidas. Rekomenduojame pirmiausia įvertinti drobės komponentus, o tada naudoti kodo komponentus tik tuo atveju, jei reikia sudėtingesnio ir sudėtingesnio tinkinimo.

Daugiau informacijos:

Interaktyvaus išdėstymo su konteinerio valdikliu įgalinimas

Reaguojantys pasirinktiniai puslapio maketai apibrėžiami kuriant horizontalaus maketo konteinerio ir vertikalaus maketo konteinerio valdiklių hierarchiją. Šiuos valdiklius Power Apps Studio rasite skirtuko Įterpimas dalyje Maketas .

Nustatykite mažiausią programėlės objekto ekrano aukštį ir plotį , kad išvengtumėte puslapio lygio slinkties juostų, ir naudokite vertikalią turinio slinkties juostą.

MinScreenHeight=200
MinScreenWidth=200

Pasirinktinai pasirinktinį puslapio dizaino dydį galima koreguoti parametrų >ekrane , kai dydis nustatytas kaip Pasirinktinis. Tada nustatykite plotį ir aukštį į įprastesnį darbalaukio pasirinktinį puslapio dydį, pvz., plotį 1080 ir aukštį 768. Pakeitus šį parametrą po to, kai valdikliai įtraukiami į ekraną, kai kurios išdėstymo ypatybės gali būti nustatytos iš naujo.

Nustatykite viršutinį konteinerį, kad jis užpildytų visą vietą ir keistų dydį pagal laisvą vietą.

X=0
Y=0
Width=Parent.Width
Height=Parent.Height

Horizontalus lankstaus aukščio konteinerio eilučių kėlimas

Kad puslapiai galėtų pritaikyti staliniams kompiuteriui skirtus puslapius siauresniam pločiui, šias ypatybes įgalinkite horizontaliame lankstaus aukščio konteineryje. Be šių parametrų puslapis apkarpo valdiklį, kai puslapis yra siauras.

Direction=Horizontal
FlexibleHeight=true
Justify=Stretch
Align=Stretch
VerticalOverflow=Scroll
Wrap=True

Vaikų konteinerių arba valdiklių, esančių tiesiai po šiuo konteineriu, plotis turėtų būti nustatytas taip, kad puslapis tilptų 300 pikselių pločio. Galite pagalvoti apie konteinerio ar valdiklio, taip pat pirminių konteinerių paraštes.

Vertikalus lankstaus pločio konteinerio eilučių kėlimas

Kad puslapiai galėtų pritaikyti staliniams kompiuteriui skirtus puslapius siauresniam pločiui, šias ypatybes įgalinkite vertikaliame lankstaus pločio konteineryje. Be šių parametrų puslapis apkarpo valdiklį, kai puslapis yra siauras.

Direction=Vertical
FlexibleWidth=true
Justify=Stretch
Align=Stretch
HorizontalOverflow=Scroll
Wrap=True

Antrinių konteinerių arba valdiklių, esančių tiesiai po šiuo konteineriu, minimalus aukštis turėtų būti toks, kad puslapis tilptų 300 pikselių pločio. Galite pagalvoti apie konteinerio ar valdiklio, taip pat pirminių konteinerių paraštes.

Daugiau informacijos: Interaktyvaus maketo kūrimas.

Vertikali talpykla su fiksuota antrašte, lankstus tekstas, fiksuota poraštė

  1. Vertikaliame konteineryje nustatykite Lygiuoti (horizontaliai), kad ištemptumėte

  2. Įdėkite tris horizontalius konteinerio valdiklius į pirminį vertikalų konteinerį.

  3. Pirmame ir trečiame antriniame horizontaliame konteinerio valdiklyje nustatykite Ištempimo aukštis ir sumažinkite aukštį iki reikiamos vietos, pvz., Aukštis = 80.

Horizontali talpykla su dviem net antriniais konteineriais

  1. Pirminiame horizontaliame konteineryje nustatykite Lygiuoti (vertikaliai) į Ištempti.

  2. Įdėkite du vertikalaus konteinerio valdiklius į pirminį horizontalų konteinerį.

Stiliaus pasirinktinių puslapių valdikliai, kad jie atitiktų modeliu valdomus programų valdiklius

Kuriant pasirinktinį puslapį iš šiuolaikinės programų dizaino įrankio, šios funkcijos naudoja numatytąsias reikšmes.

  • Pasirinktinio puslapio tema. Pasirinktiniuose puslapiuose naudojamų valdiklių temos reikšmės automatiškai nustatytos taip, kad atitiktų numatytąją mėlyną objekto vieningoji sąsaja. Ši numatytoji tema naudojama ir studio, ir taikomosios programos vykdymo metu. Iš pasirinktinio puslapių kūrimo funkcijos pašalinamas aiškus temos pasirinkimas.

  • Valdikliams reikia naudoti skirtingą šrifto dydį, pagrįstą jų padėtimi puslapių hierarchijoje.

    Pastaba.

    Pasirinktinio puslapio teksto konvertavimas į didesnę raišką yra 1,33, todėl norint gauti norimą dydį, tikslinį "FontSize " reikia padalyti iš 1,33.

    Etiketės tipo kodas Tiksliniai šriftai Naudoti norimą šriftą
    Puslapio antraštė 17 12.75
    Įprastos žymos 14 10.52
    Mažos žymos 12 9.02

  • Pagrindinio ir antrinio mygtuko valdikliams reikia atlikti šiuos stiliaus keitimus:

    Pirminiai mygtukai

    Color=RGBA(255, 255, 255, 1)
Fill=RGBA(41,114,182,1)
Height=35
FontWeight=Normal

    Antriniai mygtukai

    Color=RGBA(41,114,182,1)
Fill=RGBA(255, 255, 255, 1)
BorderColor=RGBA(41,114,182,1)
Height=35
FontWeight=Normal

Pasirinktinių puslapių naršymas skirtuke ir klaviatūros pasiekiamumas

Pasirinktiniai puslapiai naudojami naudojant tą patį skirtuko naršymo dizainą, kurį naudoja hostingo modeliu valdoma programa. Vizualiai sulygiuota semantinė HTML struktūra padeda vartotojams sklandžiai naršyti pasirinktinius puslapius naudojant klaviatūrą arba ekrano skaitytuvą. Skirtingai nuo atskirų drobės programų, pasirinktiniams puslapio valdikliams ir kitiems UX elementams nereikia aiškių skirtukų numerių priskyrimų. Šiuolaikiniai valdikliai neturi TabIndex ypatybės ir naršymui naudoja semantinę HTML struktūrą.

Įvairūs elementai, pvz., valdikliai, drobė ir kodo komponentai, konteineriai ir kt., gali būti rodomi skirtukuose pagal jų padėtį pasirinktiniame puslapio makete. Skirtuko naršymas seka naršymą pagal tvarką. Atskiri skirtukų sustojimai didesniuose grupavimo elementuose, pvz., komponentams, konteineriai pereidami iš pradžių, o skirtukas iškeliamas į kitą dokumento objektų modelio (DOM) medžio elementą.

Toliau pateikiamas naršymo su puslapiu, kuriame yra valdiklių, kodo ir drobės komponentų bei konteinerių, pavyzdys.

Pasirinktinis puslapio skirtuko naršymas.

Pastaba.

Persidengiantys valdikliai ir elementai pasirinktiniame puslapyje nėra sulieti DOM, todėl vaizdiniame makete tabuliavimo žingsniai gali būti nesinchronizuojami. Ta pati reikšmė taikoma ir dinaminio elemento vietai, naudojant formulėms.

Taip pat žr.

Modeliu pagrįstos programos tinkinto puslapio apžvalga

"PowerFx" naudojimas pasirinktiniame puslapyje

Interaktyvaus išdėstymo kūrimas

Tinkinto puslapio pridėjimas prie modeliu pagrįstos programos

"Fluent UI" valdiklių versijos naujinimas į modernius valdiklius

  • Paskutinį kartą atnaujinta