Mi a verem? Mi az áramlás? - A Shoes Layout Manager

Bármely hatékony felhasználása GUI eszközkészlet, akkor meg kell értenie az elrendezéskezelőt (vagy a geometriakezelőt). Qt-ban van HBoxes és VBoxes, Tk-ben van a Packer és a Shoes-ban van halmok és áramlatok. Rejtélyesnek hangzik, de tovább kell olvasni - nagyon egyszerű.

A verem úgy működik, ahogy a neve is sugallja. Összerakják a dolgokat függőlegesen. Ha három gombot rak egy kötegbe, akkor függőlegesen egymásra rakják egymást. Ha kifogy a szoba az ablakon, akkor az ablak jobb oldalán görgetősáv jelenik meg, amely lehetővé teszi az ablak összes elemének megtekintését.

Ne feledje, hogy amikor azt mondják, hogy a gombok a verem belsejében vannak, ez azt jelenti, hogy a veremhez átadott blokk belsejében jöttek létre. eljárás. Ebben az esetben a három gomb akkor jön létre, amikor a blokk belsejében átkerül a verem módszerhez, tehát "vele" vannak.

Az áramlás vízszintesen csomagolja a dolgokat. Ha egy folyamatban három gombot hoznak létre, akkor egymás mellett jelennek meg.

Még egy fontos dolog, hogy megértsük az áramlásokat. Ha vízszintesen kifogy a hely, a Shoes soha nem hoz létre vízszintes görgetősávot. Ehelyett a Shoes az elemeket lefelé hozza létre az alkalmazás "következő sorában". Olyan, mintha egy sor végére eljutna egy szövegszerkesztőben. A szövegszerkesztő nem hoz létre görgetősávot, és hagyja, hogy továbbra is gépelje be az oldalt, ehelyett a szavakat a következő sorra helyezi.

instagram viewer

Eddig nem adtunk semmilyen dimenziót a halmok és az áramlás létrehozásakor; egyszerűen annyi helyet foglaltak el, amennyire szükségük volt. A méretek ugyanakkor megadhatók, a méretek pedig a Shoes.app módszerhívás. Ez a példa olyan áramlást hoz létre, amely nem olyan széles, mint az ablak, és hozzáad gombokat. A szegélystílust is kapják annak érdekében, hogy vizuálisan azonosítsa az áramlás helyét.

A piros szegély mellett láthatja, hogy az áramlás nem egészen az ablak széléig terjed. Amikor a harmadik gombot elkészítik, nincs elég hely ahhoz, hogy a Shoes a következő sorra lépjen.

A folyamok és halmok nemcsak az alkalmazás vizuális elemeit tartalmazzák, hanem más folyamatokat és halmokat is tartalmazhatnak. A folyamok és a halmok kombinálásával viszonylag egyszerűen létrehozhat vizuális elemek összetett elrendezéseit.

Ha webes fejlesztő vagy, akkor észreveheti, hogy ez nagyon hasonlít a CSS elrendezési motorjára. Ez szándékos. A cipőket nagymértékben befolyásolja az internet. Valójában a Shoes egyik alapvető vizuális eleme a „Link”, és a Shoes alkalmazásokat „oldalakra” is rendezheti.

Ebben a példában 3 köteget tartalmazó folyamatot hozunk létre. Ez 3 oszlop elrendezést hoz létre, és az egyes oszlopok elemei függőlegesen jelennek meg (mivel minden oszlop verem). A halom szélessége nem pixelszélesség, mint az előző példákban, hanem 33%. Ez azt jelenti, hogy minden oszlop az alkalmazásban rendelkezésre álló vízszintes terület 33% -át fogja foglalni.

instagram story viewer