Fázach návrhu GUI

Základné rozhranie pre väčšinu windowed programov , grafické užívateľské rozhranie ( GUI ) , alebo umožňuje používateľom pracovať a manipulovať aplikácie pomocou vizuálneho rozhrania s vstupného zariadenia , ako je myš alebo dotykovej obrazovky . GUI je event - driven - inými slovami , oni len prijať opatrenia v reakcii na príkaz užívateľa . Rozdelenie kódu do zobrazenia a ovládanie vám pomôže predstaviť jednotlivé fázy GUI designu . Zobrazenie a regulátory

Po prvé , mali by ste myslieť na údaje, ktoré chcete prezentovať užívateľovi , a ako sa bude manipulovať . Napríklad , v textovom editore GUI predstavuje dokument a užívateľ komunikuje s ním zadaním znakov a výberom príkazov z menu . Možno budete potrebovať ďalšie okná upraviť podsekcie dokumentu , ako sú obrázky alebo tabuľky . Pomáha načrtnúť schému oddeľujúce rôzne spôsoby , ako môže užívateľ prezerať a manipulovať s dátami , vrátane zoznamu základných krokov môže užívateľ vziať .
Definovanie Akcia

Po máte za spôsoby , ako budú užívatelia komunikovať s programom , mali by ste určiť príkazy , ktoré sa používajú na vykonanie akcie . Mnoho GUI definovať viac spôsobov prevedenia rovnaké akcie . Ak chcete napríklad vytvoriť nový súbor , v niektorých programoch , užívateľ má na výber kliknutím na tlačidlo , ísť do hlavného menu a výberom akcie , alebo pomocou klávesovej skratky . Aplikácie vytvorené pre zariadenia, ako je smartphone , môže mať aj ďalšie možnosti, ako je napríklad hlasový príkaz alebo akciu dotykovej obrazovky . Pre každú akciu , zoznam zástupcu a príkazy používané na vykonanie ju .
Definovanie akcie

Príkazy spúšťané udalosťami . Typicky , tieto udalosti sú generované z vstupných zariadení , ako sú počítačové myši , klávesnice alebo dotykovej obrazovky . Keď používateľ klikne na tlačidlo myši , napríklad , vytvára dve akcie : v " myšou nadol " , keď je stlačené tlačidlo a " myš hore " udalosť pri uvoľnení tlačidla . Kombinácia týchto udalostí na nízkej úrovni tvoria jednu akciu na vysokej úrovni nazvanú " myši stlačené " alebo " kliknutí myšou . " Pre každú z vašich príkazov , mali by ste definovať súvisiace udalosti .
Control diagram

Potom, čo ste definovali udalosti , ktoré budete používať , mali by ste vytvoriť kontrolný diagram modelovať celé spektrum vstup užívateľa pre konkrétny príkaz alebo subinterface . Ako GUI prijíma udalosti , zmení sa stavy . Napríklad , keď používateľ klikne na menu programu sa zmení z " ready " stavu na " otvorenej menu " stav , zobrazenie menu pre užívateľa . V ovládaní diagrame , stavy sú boxy v diagrame a udalosti sú šípky .
Integrácia grafického používateľského rozhrania komponenty

Posledným krokom je zvážiť , aké komponenty použiť v GUI . Zložka je jedno GUI element , ako je tlačidlo , okno alebo posuvníka . Rozloženie organizuje tieto komponenty do hierarchie : napríklad , hlavné okno obsahuje panel , ktorý obsahuje niekoľko tlačidiel , a tak ďalej . Pre každú udalosť na vysokej úrovni , ktoré máte , ako kliknutie na tlačidlo , musíte vytvoriť zodpovedajúce komponenty alebo implementovať komponent z API . Táto fáza je miesto , kde ste , aby vaše návrhu rozhodnutia , ako je základné rozloženie panelov a vzhľad celej interface a pocit . Opäť použite skice k vizualizáciu finálnej dizajn .

• Predchádzajúca strana: Ako napísať pseudokódu s poľami 
• Ďalšia strana: Ako sa počítač vykonávať odčítanie