Oblikovanje strani po meri za aplikacijo, ki temelji na modelu

Članek
03/14/2023

V tem članku so zbrani nasveti za oblikovanje strani po meri za uporabo v aplikaciji, ki temelji na modelu.

Pomembno

Strani po meri so nova funkcija, ki jo spremljajo večje spremembe izdelkov, število znanih omejitev zanje pa je trenutno opredeljeno v temi Znane težave s stranmi po meri.

Podprti kontrolniki na strani po meri

Za ustvarjanje strani po meri je trenutno podprta podmnožica kontrolnikov aplikacij s platnom. V spodnji tabeli so navedeni trenutno podprti kontrolniki.

Control	Vrsta kontrolnika	Beležke
Oznaka¹	Prikaži
Besedilno polje¹	Vnos
Izbirnik datuma¹	Vnos
Gumb¹	Vnos
Kombinirano polje¹	Vnos
Potrditveno polje¹	Vnos
Preklop¹	Vnos
Izbirna skupina¹	Vnos
Drsnik¹	Vnos
Ocena¹	Vnos
Vsebnik z navpično postavitvijo	Postavitev	Nov odzivni vsebnik z vodoravno postavitvijo
Vsebnik z vodoravno postavitvijo	Postavitev	Nov odzivni vsebnik z vodoravno postavitvijo
Urejevalnik obogatenega besedila	Vnos
Galerija	Seznam
Icon	Predstavnost
Image	Predstavnost
Urejanje obrazca	Vnos
Prikaz obrazca	Vnos
Komponente kode	Po meri	Dodajanje komponent kode strani po meri
Komponente delovnega območja (predogledna različica)	Po meri	Dodajanje komponente delovnega območja strani po meri

¹ Gre za nov sodoben kontrolnik. Kontrolnik je namenjen za aplikacije s platnom v storitvi Teams. Osnova kontrolnika je tekoča knjižnica uporabniškega vmesnika, obdana s storitvijo Power Apps Component Framework.

Podpora komponent po meri za stran po meri

V svoje okolje lahko dodate tako komponente uporabniške izkušnje po meri z malo programske kode (komponente delovnega območja) kot tiste s profesionalno kodo (komponente kode) ter omogočite, da so na voljo za vse ustvarjalce. Za ogled člankov o razširljivosti uporabniške izkušnje, značilne za stran po meri, si oglejte dodajanje komponent delovnega območja na stran po meri za aplikacijo, ki temelji na modelu, in na stran po meri za aplikacijo, ki temelji na modelu, dodajte komponente kode.

Na splošno je pristop razširljivosti z malo kode preprostejši za izdelavo in testiranje, pa tudi stroški vzdrževanja zanj so nižji. Če je potrebno zapletenejše in naprednejše prilagajanje, priporočamo, da najprej ovrednotite komponente delovnega območja ter šele nato uporabite komponente kode.

Več informacij:

Omogočanje odzivne postavitve s kontrolnikom vsebnika

Odzivne postavitve strani po meri so določene z izgradnjo hierarhije kontrolnikov za Vsebnik z vodoravno postavitvijo in Vsebnik z navpično postavitvijo. Ta kontrolnika se nahajata na zavihku Vstavljanje pod možnostjo Postavitev v oblikovalniku aplikacije s platnom.

Nastavite najmanjšo višino in širino zaslona na predmetu Aplikacija, da preprečite drsne trakove na ravni strani in uporabite navpični drsni trak telesa.

MinScreenHeight=200
MinScreenWidth=200

Po želji je mogoče prilagoditi velikost oblikovanja strani po meri v Nastavitve > Prikaz z Velikost nastavljena Po meri. Nato nastavite Širina in Višina na bolj tipično namizno velikost strani po meri, kot sta širina 1080 in višina 768. Spreminjanje te nastavitve, potem ko so kontrolniki dodani na zaslon, lahko povzroči ponastavitev nekaterih lastnosti postavitve.

Nastavite najvišji vsebnik, da zapolni celoten prostor, in spremenite velikost glede na prostor, ki je na voljo.

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

Vodoravni prelom fleksibilnega vsebnika za višino

Če želite podpirati prilagoditev strani od namizja navzdol do ozke širine, omogočite te lastnosti na vodoravnem vsebniku s prilagodljivo višino. Brez teh nastavitev bo stran izrezala kontrolnike, ko je stran ozka.

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

Podrejeni vsebniki ali kontrolniki neposredno pod tem vsebnikom morajo biti nastavljeni tako, da imajo minimalno širino, ki omogoča, da se stran prilega širini 300 slikovnih pik. Upoštevajte zapolnjevanje vsebnika ali kontrolnika ter nadrejenih vsebnikov.

Navpični prelom vsebnika s prilagodljivo širino

Če želite podpirati prilagoditev strani od namizja navzdol do ozke širine, omogočite te lastnosti na navpičnem vsebniku s prilagodljivo širino. Brez teh nastavitev bo stran izrezala kontrolnike, ko je stran ozka.

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

Podrejeni vsebniki ali kontrolniki neposredno pod tem vsebnikom morajo biti nastavljeni tako, da imajo minimalno višino, ki omogoča, da se stran prilega širini 300 slikovnih pik. Upoštevajte zapolnjevanje vsebnika ali kontrolnika ter nadrejenih vsebnikov.

Več informacij: Ustvarjanje odzivne postavitve.

Vsebnik z navpično postavitvijo s fiksno glavo, prilagodljivim telesom in fiksno nogo

Pod možnostjo Vsebnik z navpično postavitvijo element Poravnava (vodoravno) nastavite na Razteg
Vstavite tri kontrolnike za element Vsebnik z vodoravno postavitvijo v nadrejenem elementu Vsebnik z navpično postavitvijo
V prvem in tretjem podrejenem vsebniku z vodoravno postavitvijo nastavite zmanjšanje za Razteg po višini in višino zmanjšajte v skladu s svojimi potrebami, npr. Višina = 80.

Vsebnik z vodoravno postavitvijo z dvema enakima podrejenima vsebnikoma

V nadrejenem vsebniku z vodoravno postavitvijo element Poravnava (navpično) nastavite na Razteg.
Vstavite dva kontrolnika za element Vsebnik z navpično postavitvijo v nadrejenem elementu Vsebnik z vodoravno postavitvijo.

Oblikovanje kontrolnikov strani po meri za poravnavo s kontrolniki aplikacije, ki temelji na modelu

Ko ustvarite stran po meri v sodobnem oblikovalniku aplikacij, te funkcije uporabljajo privzete vrednosti.

Tema za stran po meri. Vrednosti teme za kontrolnike, uporabljene na strani po meri, so samodejno nastavljene tako, da se ujemajo s privzeto modro temo poenotenega vmesnika. Ta privzeta tema je uporabljena tako v studiu kot tudi med izvajanjem aplikacije. Možnost eksplicitne izbire teme je odstranjena iz izkušnje ustvarjanja strani po meri.
Kontrolniki morajo uporabljati različne velikosti pisave, in sicer v skladu s svojim položajem v hierarhiji strani.

Opomba

Besedilo strani po meri je povečano za vrednost 1,33, zato morate za pridobitev želene velikosti ciljni FontSize deliti z 1,33.

Vrsta oznake Ciljni FontSize FontSize za uporabo

Naslov strani 17 12.75

Običajne oznake 14 10.52

Majhne oznake 12 9.02

Vrsta oznake	Ciljni FontSize	FontSize za uporabo
Naslov strani	17	12.75
Običajne oznake	14	10.52
Majhne oznake	12	9.02

Za primarne in sekundarne kontrolnike gumbov je treba uvesti naslednje spremembe oblikovanja:

Primarni gumbi

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

Sekundarni gumbi

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

Strani po meri imajo isto zasnovo krmarjenja po zavihkih kot gostujoča aplikacija, ki temelji na modelu. Vizualno poravnana semantična struktura HTML uporabnikom omogoča nemoteno krmarjenje po straneh po meri ob uporabi tipkovnice ali bralnika zaslona. Zapomnite si, da za kontrolnike strani po meri in druge elemente uporabniške izkušnje za razliko od samostojnih aplikacij s platnom ni potrebna izrecna dodelitev številk zavihkov. Sodobni kontrolniki nimajo lastnosti TabIndex, uporabljajo pa semantično strukturo HTML za krmarjenje.

Za različne elemente, kot so kontrolniki, komponente delovnega območja in kode itd., so lahko uporabljeni zavihki glede na njihov položaj v postavitvi strani po meri. Krmarjenje po zavihkih sledi krmarjenju po vrstnem redu Z. Ko so posamezna tabulatorska mesta v večjih elementih združevanja, kot so komponente, se vsebniki pomaknejo, še preden se zavihek premakne do naslednjega elementa v drevesu modela dokumentnega predmeta (DOM).

Tukaj je primer krmarjenja s stranjo, ki vsebuje kontrolnike, kodo, komponente delovnega območja in vsebnike.

Opomba

Za prekrivajoče se kontrolnike in elemente na strani po meri se DOM ne bo spojil, zato se lahko zgodi, da tabulatorska mesta v vizualni postavitvi ne bodo sinhronizirana. Enako velja za postavitev dinamičnega elementa ob uporabi formul.