Dobre zasoby do tworzenia graficznego interfejsu użytkownika w Visual Studio

Question

Coraz częściej pracuję z aplikacjami komputerowymi i GUI SUCK. Jestem zaznajomiony z podstawami projektowania GUI, ale mam problemy z ich zastosowaniem.

Czego szukam to dobre (lub przynajmniej przyzwoite) przewodniki po budynku (nie projektuję!) GUI w Visual Studio.

Jeśli tego nie zrobiłem (nie znalazłem zbyt wielu ze zwykłych źródeł), muszę zapytać: czy to możliwe/warto zbudować GUI z widokiem "Design" VS2K5? Właśnie tego w dużej mierze używałem, ponieważ jestem osobą wizualną.

Konkretnie, szukam pomocy w latach orzechy & śrub 'wykonawczej wypełniony projekt

nie jestem niekorzystnych do instalowania dodatkowych narzędzi, w razie potrzeby, ale moje preferencje jest trzymać się rzeczy, można uzyskać przez waniliową instalację VS2k5, jeśli to możliwe.

Answer 1

Projektant Visual Studio dla WinForms działa bardzo dobrze. Używam go cały czas podczas tworzenia aplikacji WinForm. Alternatywne podejście polega na zdefiniowaniu elementów interfejsu w kodzie, co jest dość bolesne.

OTOH, moim zdaniem projektant doświadczenie VS dla WPF i WebForms (ASP.NET) nie jest tak dobra jak z WinForms. Na szczęście dla aplikacji WPF i WebForms, jeśli nie lubisz projektanta, możesz przynajmniej skorzystać z deklaratywnego znacznika, który jest o wiele lepszy niż definiowanie elementów interfejsu w kodzie (niestety WinForm nie ma deklaratywnego języka znaczników).

Korzystanie projektanta VS WinForms, oto kilka wskazówek, aby poprawić swoje doświadczenie:

• Dowiedz się, jak korzystać z Anchor property. Nauczyłem się tego wraz z własnością Dock prawdopodobnie poprawił mój projekt WinForms więcej niż cokolwiek innego.

• Gdy w projektancie, zawsze mają Document Outline View Open, który pokazuje ty hierarchia kontrola formularza w widoku drzewa ... naprawdę pomocne, zwłaszcza gdy zmiana nazwy kontroli.

Answer 2

Mam mało czasu, aby naprawdę wykopać soczyste linki, ale jestem pewny, że odrobina kopania z twojej strony dostarczy ci informacji o najlepszej praktyce. Może nie być bezpośrednio związany z projektantem formularzy w VS2k5, ale jest użyteczny w dowolny sposób. Nie mówię, że powinieneś być guru użyteczności, ale na pewno warto na nie patrzeć.

Co więcej, jeśli chodzi o "warte wysiłku, aby zbudować GUI z widokiem" Design "VS2K5"? Powiedziałbym, że to tak & nie. Mówię to tylko dlatego, że jeśli polegasz na projektantach, bez względu na IDE, tracisz brudne rzeczy - rzeczy, które naprawdę uczą, co się dzieje. Niektóre rzeczy musisz zrobić za pomocą kodu w czasie projektowania lub w czasie wykonywania, aby uzyskać najlepszy wynik, więc nie zaszkodzi naprawdę wiedzieć, co się dzieje pod maską!

Happy GUI'ing!

Answer 3

Muszę powiedzieć, że nie zgadzam się z croutle, tworzenie dobrego interfejsu użytkownika nie musi mieć nic wspólnego z kodowaniem. SmashingMagazine ma duży katalog zasobów do projektowania interfejsu użytkownika, a chociaż większość z nich jest bardzo modularna, ogólna zasada nadal obowiązuje bez względu na to, czy umieszczasz swój interfejs w edytorze formularzy poprzez kodowanie lub na stronie internetowej.

Dla mnie projektanci GUI zawsze byli sposobem na oddzielenie prezentacji od treści, dobra implementacja GUI z jej Projektantem będzie wspierać to, jeśli zaczniesz pisać dużo kodu, aby wpłynąć na proste efekty w interfejsie użytkownika linia zaczyna się zamazywać. Program Interface Builder na komputerach Mac to najlepsze z tych, z których korzystałem (między innymi Java Swing, Windows Forms).

Pytanie brzmi, czy interakcja jest do dupy, czy też wygląda na zassaną, chyba że jesteś dobrym artystą, tak naprawdę niewiele można z tym zrobić, ale trzymać się minimum. Istnieje nauka o minimalizmie, której można się nauczyć nawet dla osób nie będących artystami (na przykład układaj wszystko na regularnej siatce). This kawałek jest w pewien sposób nastawiony na druk, ale większość wspomnianych aspektów jest uniwersalna i ma zastosowanie do projektowania ekranu i interfejsu użytkownika.

Ten pierwszy można naprawić, próbując umieścić się w butach użytkowników. Spójrz na zadanie, które robią użytkownicy i jak osiągają to za pomocą twojego oprogramowania. Czy ułatwia to użytkownikom wykonywanie ich pracy, czy też rzuca blokady na drogę, która obciąża przepływ pracy.

Answer 4

Jeśli już projekt został ułożony i zaplanowany, to jego wdrożenie powinno być łatwe.W przypadku WinForms naprawdę jest to przeciąganie i upuszczanie (oraz ustawianie niektórych właściwości, na przykład do dokowania i zakotwiczenia).

Sztuczka, którą znalazłem, która naprawdę pomogła przejść przez implementację, to całkowicie i całkowicie wyśmiewać interfejs na papierze. Mam na myśli WSZYSTKO: każde menu, przycisk, etykieta, siatka itp. Powinno zostać naszkicowane. Potem wystarczy przeciągnąć kontrolki do formularza, zmienić ich nazwę na coś sensownego i upewnić się, że rozmiar okna nie wyrzuci kontrolek z miejsca.

Jeśli nie masz w pełni zrealizowanego projektu do pracy podczas tworzenia GUI, będziesz miał bardzo trudny czas, ponieważ nadal będziesz podejmował decyzje projektowe, które staną na przeszkodzie konstrukcji.

EDYCJA: Jeśli chcesz zapłacić, http://www.learnvisualstudio.net/ ma kilka filmów na temat tworzenia prostych GUI dla podstawowej aplikacji, zwykle zorientowanej na konkretną kontrolę (DataGridView, ListView itp.).

Answer 5

Ssij również w desing interfejsów użytkownika. Nadal mam problemy. Mimo wszystko staram się poprawić. Moje nowe podejście jest bardzo proste: skopiuj. Istnieje wiele dobrych interfejsów użytkownika i nie musimy wymyślać koła. Dobry efekt uboczny to ciągłość w odczuwaniu satysfakcji naszych użytkowników.

Zrób program, który użytkownicy uznają za famirialny i spróbuj go naśladować. Myślę, że wiele aplikacji można wykonać, na przykład śledząc interfejs użytkownika MS Outlook. Lub jeśli chcesz zrobić coś nowego, zobacz, co robią wielcy: wystarczy na przykład wypróbować Picasę (komputer) przez Google. Lub dowolny program z paskiem wstążki. Jeśli masz czas, rzuć okiem na MS 'Vista User Experience Interaction Guidelines (PDF dostępny do pobrania). Istnieje wiele małych rozwiązań, np. Gdzie umieścić przyciski "zapisz-anuluj" iw jakiej kolejności ... to jest głupia rzecz, ale robi wielką różnicę.

Dobry zasób, jeśli masz zadanie do wykonania i chcesz uzyskać punkt wyjścia, aby go przedstawić, to Quince from Infragistic. Zawiera wiele porad "zrób to" i przykładowe zrzuty ekranu.

Innym dobrym źródłem informacji, o którym wspomniał Harald, jest SmashingMagazine: możesz zasubskrybować swój kanał, a prawdą jest, że projekty komputerów są codziennie coraz bliższe stronie internetowej.

I wreszcie ikony. SmashingMagazine często podaje wskazówki na temat ikon i można znaleźć wiele kolekcji na IconFactory.

HTH!

Answer 6

Kiedy patrzysz na udane oprogramowanie, wygląda to tak prosto, przynajmniej teoretycznie. Kod GUI może być bardzo niedoszacowany w swojej złożoności i czasami jest pomijany w fazie projektowania, ponieważ jest uważany za trywialny.

Nie jestem pewien, czy pytasz o tutoriale WinForms, czy w jaki sposób zorganizować i ułożyć kod w sposób, który pozwala zachować spokój, ale tak czy inaczej Jeremy Miller has a good collection of tips on how to design the GUI code structure. (Uwaga: chodzi tu o strukturę kodu GUI, a nie o WinForm lub projekt użyteczności).

My się na kodzie GUI był zwykle ten proces:

1. Tworzenie szorstką i Fugly z GUI Designer w VS. Przychodzące z projektowania stron internetowych można rozważyć tę FrontPage MS w trybie WYSIWYG - bez stylizacji lub określonej struktury. Tylko szorstka struktura wizualna aplikacji, pasek menu, pasek narzędzi, pasek stanu itp. Brak niestandardowych elementów sterujących.
2. Zobacz kod i organizować je w kilku klasach
3. Wróć do projektanta i dodać kontroli na zorganizowanych zajęciach
4. Zobacz kod i zorganizować go.
5. Przepłucz, spienić, powtórz.

Kiedy struktura kodu jest już skończona, przechodzę w tryb szczegółowości, w której ręcznie koduję wartości, aby uzyskać piksel-perfect w przeciwieństwie do GUI.

W każdym razie nie byłem do końca pewien, jakie było Twoje pytanie, ale mam nadzieję, że to pomoże. Daj mi znać, jeśli cię źle zrozumiałem.