MultiSlot Urklipp (3 / 9 steg)

Steg 3: Användargränssnittet

Nästa, låt oss se hur vi skapa användargränssnittet för kontrollen.

Vi UI för projektet kommer att vara mycket enkel: vi behöver en mall
rutnät som innehåller fem kontroller: en etikett att identifiera antalet slot, klipp ut, kopiera och klistra in knappar och en listvy som visar historiken för varje fack.

Vi kommer att skapa en mall rutnät kommer alla dessa kontroller. Inuti koden skapar dynamiskt vi det samma rutnätet och dess kontroller fem gånger. Men först måste vi ta bort befintliga rutnät och knappen på filen Mycontrol.xaml, som har följande standardlayouten.

Vi måste ändra filen så att den kommer att innehålla vår mall rutnät med etikett, knappar och listvy. Det nya nätet kommer därför att vara precis som den följande layouten:

Vad vi gjorde på den tidigare layouten var första namnet externa nätet grdMain. Därefter skapade vi rutnätet mall som heter grdTemplate som har vissa kolumner för layouten. De andra kontrollerna är de klistra och kopiera knappar, heter bntSlotPaste och bntSlotCopy, respektive. ListVview heter lstSlot1_Copy skapas följde nästa men etikett lblSlot2 och Cut knapp bntSlotCut. Namn och ordningen på kontrollerna inuti grid grdTemplate är mycket viktiga och kommer att användas på de nästa stegen i detta Instructable. Följande bild visar hur gränssnittet ser ut när vi kör projektet.

Vi kommer att klona mallen rutnätet på vår kod på en framtida steg. Men innan dess måste vi lägga till några metoder för paketet klassen MultiSlotClipboardPakage.