WPF UC interface

KL
  • Rejestracja:prawie 10 lat
  • Ostatnio:prawie 6 lat
  • Postów:156
0

Witam, mam pewne rozwiązanie które mi działa. I teraz chce się spytać czy jest to zgodne z wzorcami projektowymi, a jak nie to czy istnieje inne rozwiązanie.

Opis działania Aplikacji. Po zalogowaniu aplikacja powinna posiadać główne okno obszar roboczy z dostępem do paru przycisków wyłącznie za pomocą które możemy zmieniać widoki lub się wylogować z aplikacji. Dodatkowo na większym obszarze ma być prezentowane jakieś nie istotne informacje. Bazujące na kolekcjach obiektów, ale to nie istotne w moim pytaniu.

Kiedyś robiłem coś podobnego i wiozłem sobie rozwiązanie iż pod strony będą w UsersControl i było to wyświetlane na pewnym gridzie. Ok wszystko fajnie bo też zmieniałem widoku z poziomu głównego okna. Obecnie mam pewną komplikację.

Widoki UC muszą się zmieniać z Poziomu UC gdy ktoś skończy wypełniać formularz, muszą przeskoczyć na następny. Niestety możliwości przeskoku pomiędzy nie mogą być po stronie głównego okna. Więc zrobiłem pewne rozwiązanie działające w każdym przypadku i teraz pytanie, czy jest poprawne.

Stworzyłem sobie pewną classe odpowiedzialną za zmianę widoku wygląda następująco.

Kopiuj
public class AppViewUC_Change
    {
        private string Uc_Category;         // Rodzaj Uc jaki chcemy otworzyc  
        private UserControl viewState;      // przypisanie stworzone UC, nasze style dziedziczą po UserControl
        private Grid viewPanel;             // Grid na którym ma się to wyświetlić

        /// <summary>
        /// Tworzenie instancji klasy
        /// </summary>
        /// <param name="_viewPanel">Grid na którym ma się to wyświetlać</param>
        public AppViewUC_Change(Grid _viewPanel)
        {
            this.viewPanel = _viewPanel;    // Przypisanie grida
        }


        public void TeakChangeViewsw(string changedWindowState)
        {
            Uc_Category = changedWindowState;
        }

        /// <summary>
        /// Wybiera konkretny przesłany parametr w stringu i ustawia go na UC
        /// </summary>
        /// <param name="viewss">nazwa UC jaką chcemy przypisać</param>
        public void ChangedViews(AppViewUC_Change viewss)
        {
            
            if (Uc_Category == "UC_Category")
            {
                viewState = new UC_Category(viewss);
                ChangedThisViewState();
            }

            if (Uc_Category == "UC_StyleTest")
            {
                viewState = new UC_StyleTest(viewss);
                ChangedThisViewState();
            }


        }

        /// <summary>
        /// Funkcja zmiany childrena w naszym przesłanym gridzie
        /// </summary>
        private void ChangedThisViewState()
        {
            viewPanel.Children.Add(viewState);
        }
 

ChangedViews(); w tej funkcji zostanie użyty switch to jest sposób poglądowy i testowy na szybko do sprawdzenia czy działa.

Inicjacja okna głównego parametr View_Uc to nazwa mojego grida ;)

Kopiuj
public partial class WindowLinker :Window
    {
        
        private AppViewUC_Change viewss;    // Stworzenie obiektu z klasy AppiViewUc_Changed

        public WindowLinker()
        {
            InitializeComponent();
            Uc_ControlMove();               // Wywołanie wyświetlenia danego Uc
        }

        /// <summary>
        /// Funkcja generująca możliwość przechodzenia między oknami w UC / Moja innowacja ;) 
        /// </summary>
        private void Uc_ControlMove()
        {
            // Tworzy nam obiekt viewss. Tworzymy go tylko za pierwszym razem
            viewss = new AppViewUC_Change(View_Uc);         // Tworzy pierwszy raz obiekt. Który potem jest przesyłany między uc
                                                            // podajemy parametr grida w którym będzie wyświetlany dany UC
            // Potem jest to samo
            viewss.TeakChangeViewsw("UC_StyleTest");        // Wybieramy rodzaj okna jaki ma się wyświetlić 
            viewss.ChangedViews(viewss);                    // Odpowiada za zmiane widoku oraz koniecznie przesyłamy całą klasę dalej żeby móc potem do okna głownego odwołać
        }

        
    }
 

Oraz poglądowe 2 classy UC

Kopiuj
 
 public partial class UC_StyleTest :UserControl
    {
        private AppViewUC_Change viewss;

        public UC_StyleTest(AppViewUC_Change _viewss)
        {
            InitializeComponent();
            this.viewss = _viewss;
        }

        private void button_Click(object sender, RoutedEventArgs e)
        {
            //Testujemy
            viewss.TeakChangeViewsw("UC_Category");
            viewss.ChangedViews(viewss);
        }
    }
Kopiuj
 
 public partial class UC_StyleTest :UserControl
    {
        private AppViewUC_Change viewss;

        public UC_StyleTest(AppViewUC_Change _viewss)
        {
            InitializeComponent();
            this.viewss = _viewss;
        }

        private void button_Click(object sender, RoutedEventArgs e)
        {
            //Testujemy
            viewss.TeakChangeViewsw("UC_Category");
            viewss.ChangedViews(viewss);
        }
    }

Tak jak mówię wszystko działa i z poziomu UC jestem wstanie przejść do 2 UC wyświetlanego w oknie głównym.
I teraz pytanie czy jest to poprawny sposób czy są inne rozwiązania. Nigdzie takiego sposobu jaki zaprezentowałem nie widziałem, prawdopodobnie nie tylko ja go stosuję. Lecz nie wiem dla czego mam dziwne wrażenie że jest to zrobione na krzywy pysk. MVVM jak ktoś powie, nie jestem wstanie zrobić z 2 powodów zbyt dużo widoków oraz kolekcji które muszą być powiązane z sobą akcjami po 2 jest cienki bolek w MVVM jeżeli chodzi o wielopoziomowe aplikacje, zresztą mam problemy z podpięciem akcji za pomocą bidingów w kolekcjach.

T2
  • Rejestracja:ponad 10 lat
  • Ostatnio:8 miesięcy
  • Postów:194
0
  • za własne rozwiązanie.
    Kilka uwag:
  • Lepsze nazwy klas
  • Dodanie interfejsów
  • Zapewne nie używasz kontenerów, więc zrobił bym nawigacje jako singleton.
  • Użycie jakiegoś StyleCop-a oraz ReSharpera lub CoddeRush

ChangedThisViewState() - Co jeżeli dany widok już istnieje ? znów go dodasz ?
Jak duża aplikacja?

KL
  • Rejestracja:prawie 10 lat
  • Ostatnio:prawie 6 lat
  • Postów:156
0

Aplikacja dość rozbudowana. Trochę mnie jednym faktem zaciekawiłeś. Jak dodaje widok który był i miał jakieś parametry wprowadzone tylko w widoku. To po ponownym załadowaniu widoku okno ładuje się ponownie z nowymi danymi. To dla mnie jest ok i tego potrzebuję. A co się robi z poprzednim widokiem :D bo z tego co teraz mi się zdaje. On sobie gdzieś w pamięci biega lecz go nie wyświetlać.

Brakuje mi deklaracji close chyba. Dobrze kombinuje?

Z interfejsów nigdy nie korzystałem oraz z tych CoddeRush obyło mi się to o uszy w artykułach lecz nie było wyjaśnione co to więc się nie wgłebiałem.

Teraz się będziesz śmiać lecz dla mnie kontener jest to wyświetlenie zbiorów kolekcji, zaraz się do edukację dokładnie. Lecz jak to jest to to tak będę musiał z tego kożystac a za każdym razem nie wiem jak to napisać będę pobierał przez API inne dane. Np innego klienta z innymi danymi.

Tutaj to nie jest problem. Lecz pierwszy raz robię apkę o tak złożonym widoku. Jeszcze chce wprowadzić ribbona którego też się muszę nauczyć xd

PS. Pisane na tablecie który zmienia mi zdania

edytowany 1x, ostatnio: komur.l
KL
  • Rejestracja:prawie 10 lat
  • Ostatnio:prawie 6 lat
  • Postów:156
0

TaK z kontenerów będę korzystać głównie z IDictionary. A tak nawiasem na szybko czym się różni IDictionary od Dictionary? Xd

edytowany 2x, ostatnio: komur.l
T2
  • Rejestracja:ponad 10 lat
  • Ostatnio:8 miesięcy
  • Postów:194
1

Z kontenerem chodziło mi o :https://msdn.microsoft.com/en-us/library/ff647202.aspx
CodeRush : https://www.devexpress.com/Products/CodeRush/

IDictionary to Interfejs który deklaruje że obiekt implementujący na pewno będzie zawierał zestaw wymienionych method. Natomiast Dicrionary to klassa która implementuje ten interfejs.
Source code Dictionary:
http://referencesource.microsoft.com/#mscorlib/system/collections/generic/dictionary.cs,74

Co do Uc_ControlMove
to ja bym dodał przed Add poniższą linijkę (usuwanie wszystkich wcześniejszych elementów):
viewPanel.Children.Clear();

Używać jakiegoś sytemu kontrolki wersji? Svn, Git, perforce?

KL
  • Rejestracja:prawie 10 lat
  • Ostatnio:prawie 6 lat
  • Postów:156
0

Git. Niestety jakby to powiedzieć. Od niedawna pracuję jako programista do tego na samodzielnym stanowisku(więc muszę radzić sobie sam, lub szukać pomocy na forum) . Po ponad dwóch tygodniach dotarło do mnie dla czego się dostałem. Wcześniejszy programista się zwolnił z powodu zarobków. Apka pozostawiona jest w opłakanym stanie. Przykład przechodzenie widoków jak u mnie to on zrobił w MDI contenerach a każde okno ma własną logikę. Podczas logowania login jest pobierany z textbox2.text, brak singletonow tylko jedna klasa variables xd z ponad 200 zmiennymi static. Więcej pisać nie muszę. Aplikacja cały czas co 5 min wywala jakieś błędy. Dużo poprawiłem. Lecz aplikacja nie nadaje się do wprowadzania większych zmian.

Więc sam rozumiesz, nie mogę podać zbyt wiele ;) za tego clear dzięki. Oraz za linki.

KL
  • Rejestracja:prawie 10 lat
  • Ostatnio:prawie 6 lat
  • Postów:156
0

Co do coderusch bardziej devexpress jest coś darmowego co by podobnie ułatwiło pracę? Niestety firma tego nie zakupi. Już rozmawiałem.

somekind
Moderator
  • Rejestracja:około 17 lat
  • Ostatnio:około 14 godzin
  • Lokalizacja:Wrocław
0
teo215 napisał(a):

Z kontenerem chodziło mi o :https://msdn.microsoft.com/en-us/library/ff647202.aspx

Nie, tylko nie to g**no. Jest tyle pięknych, rozwijanych, i łatwych w konfiguracji kontenerów IoC, że na syf od Microsoftu nie warto tracić czasu.

T2
  • Rejestracja:ponad 10 lat
  • Ostatnio:8 miesięcy
  • Postów:194
0
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)