WPF - Ribbon preview

Daniele Mulas — Sun, 14 Dec 2008 20:31:54 GMT

In questo fine settimana ho deciso di approfondire la Ribbon toolbar di Office, per poterla riutilizzare nelle mie interfaccie. Primo passo scaricare la ribbon toolbar disponibile su codeplex a questo indirizzo : WPF Ribbon Preview Secondo passo da compiere è sicuramente scaricare l' handsOnLab presente nel sito dedicato al mondo client di microsoft(www.windowsClient.net) nella sezione learn che illustra,oltre alla Ribbon anche le nuove features del WPF Toolkit ed in particolare del Datagrid. Iniziamo a capire il suo funzionamento. Prima di tutto è necessario dire che la Ribbon è governata attraverso i Ribbon Command che permettono di impostare per ogni sua sezione delle caratteristiche comuni. Le RibbonCommand sono composte da : a) LabelTitle b) LabelDescription c) ToolTipTitle d) ToolTipDescription e) ToolTipImageSource f) SmallImageSource g) LargeImageSource h) ToolTipFooterTitle i) ToolTipFooterDescription l) ToolTipFooterImageSource Iniziamo ad analizzare le varie sezioni della Ribbon attraverso il suo codice XAML. Istanziamo una nuova ribbon toolbar all'interno della nostra applicazione : <r:Ribbon > </r:Ribbon> Una prima sezione è sicuramente la Application Menu , ovvero il pulsante dove sono possibili compiere le principali operazioni come il salvataggio del documento, la stampa ecc.. Vediamo come configurarla attraverso il codice : <r:Ribbon.ApplicationMenu> <r:RibbonApplicationMenu> Definizione dei command per la Application Menu <r:RibbonApplicationMenu.Command> <r:RibbonCommand Executed="OnCloseApplication" LabelTitle="Application Button" LabelDescription="Close the application." SmallImageSource="images/Coins.png" LargeImageSource="images/Coins.png" ToolTipTitle="Personal Finance Manager" ToolTipDescription="Click here to open or save a checkbook register." /> </r:RibbonApplicationMenu.Command> </r:RibbonApplicationMenu> </r:Ribbon.ApplicationMenu> Come detto in precedenza ogni sezione della Ribbon viene configurata attraverso i RibbonComand che ne permettono una ampia personalizzazione. Una volta definito l'aspetto del pulsante è necessario inserire al suo interno i vari Items che andranno a comporre il menù. Per fare questo è necessario definire un RibbonApplicationMenuItem per ogni elemento del menù, ed attraverso i suoi RibbonCommand definirne il suo aspetto. <r:RibbonApplicationMenuItem> <r:RibbonApplicationMenuItem.Command> <r:RibbonCommand LabelTitle="_Close" LabelDescription="Close the Application" Executed="OnCloseApplication" /> </r:RibbonApplicationMenuItem.Command> </r:RibbonApplicationMenuItem> Definito il menù principale, passiamo a definire la vera RibbonToolbar. La Toolbar si divide in Tabs - Group - Controls Le Tabs vengono utilizzate per inserire delle funzionalità comuni ( come era per le voci File,Modifica,Visualizza dei vecchi menù) I Groups vengono usati all'interno delle tabs per suddividere controlli che sono similiari nelle loro funzioni Controls sono i veri e propri pulsanti che vengono visualizzati. I Controls possono essere di diverso tipo : RibbonButton RibbonCheckBox RibbonToggleButton RibbonDropDownButton RibbonSplitButton RibbonComboBox RibbonTextBox RibbonLabel RibbonSeparator RibbonToolTip I quali permettono di costruire delle Toolbar con il Look&Feel stile Office 2007 di alta qualità. Come esempio andiamo ad inserire un RibbonButton all'interno della nostra ToolBar. Per prima cosa è necessario creare un Tab <r:RibbonTab Label="Banking"> </r:RibbonTab> All'interno del Tab inseriamo il nostro Group <r:RibbonTab Label="Banking"> <r:RibbonTab.Groups> <r:RibbonGroup> </r:RibbonGroup> </r:RibbonTab.Groups> I ribbon Group, possono essere formattati attraverso delle proprietà che ne consentono di definire come i controlli verranno visualizzati al suo interno. Questo può essere effettuato attraverso la definizione dei GroupSizeDefinitions. A questo punto inseriamo il nostro RibbonButton : <r:RibbonButton Name="RibbonButton1" > <r:RibbonButton.Command> <r:RibbonCommand LargeImageSource="/img/softwareD_32x32.png" LabelTitle="Help" > </r:RibbonCommand> </r:RibbonButton.Command> </r:RibbonButton> Così faccendo possiamo andare a costruirci la nostra Ribbon Toolbar che ci consente di dare un aspetto molto professionali alle nostre applicazioni. Per maggiori informazioni rimando al sito di windowsclient.net dove, come detto in precedenza, è possibile scaricare un piccolo Hands-On Lab e il suo sorgente dove vengono descritte tutti i passaggi su come configurare il WPF Toolkit e la RibbonToolbar. What’s Coming in WPF: Datagrid, Ribbon, and VSM

Ftp Attivo

Daniele Mulas — Sat, 10 May 2008 13:28:55 GMT

Per un progetto di cui mi sono occupato in azienda ho avuto la necessità di interfacciare la mia applicazione con un dispositivo elettronico, il quale comunica con l'esterno tramite un server FTP. Com'è noto il protocollo comuica con la porta 21 e la prima operazione da compiere è l'autenticazione. Private tpTcpClient As TcpClient ftpTcpClient = New TcpClient(strftpLogin, 21) A questo punto dobbiamo inviare dei comandi con i quali comunichiamo le nostre credenziali di accesso : ResponseStream = ftpTcpClient.GetStream strCommand = "USER " + strName + vbCrLf bteSendBytes = Encoding.ASCII.GetBytes(strCommand) ResponseStream.Write(bteSendBytes, 0, bteSendBytes.Length) Per permettere al server FTP di darci una risposta al comando dobbiamo attedere una frazione di secondo prima dell'invio della password Threading.Thread.Sleep(500) Ripetiamo le operazioni per la Password strCommand = "PASS " + strPWD + vbCrLf Array.Clear(bteSendBytes, 0, bteSendBytes.Length) bteSendBytes = Encoding.ASCII.GetBytes(strCommand) ResponseStream.Write(bteSendBytes, 0, bteSendBytes.Length) A questo punto se tutto è andato a buon fine dovremmo essere connessi al dispositivo che rimane in attesa di un nostro comando. Il protocollo FTP ha due metodi comunicazione attivo e passivo. La differenza fondamentale è che nel caso di comunicazione passiva è il server a comunicare al client attraverso il comando PASV la porta di comunicazione nel quale verrà instaruata la comunicazione, mentre nel caso di ftp attivo è il client ad indicare al server attraverso il comando PORT la porta di comunicazione che rimane in ascolto in attesa di una connessione da parte del server FTP. Tipicamente le porte di comunicazione devono essere > 1023. Il disposito lavora con un FTP di tipo attivo quindi sarà nostro compito indircargli a quale porta attendiamo la comunicazione : Dim ipLocale As String = Dns.GetHostEntry(Dns.GetHostName).AddressList(0).ToString() Dim Listener As New TcpListener(IPAddress.Parse(ipLocale), myPortOpen) Listener.Start() Inviamo i comandi per richiedere il file desiderato : FTPCommands(ftpStream, "TYPE I", returnMessage) FTPCommands(ftpStream, "PORT 192,168,0,3,7,35", returnMessage) FTPCommands(ftpStream, "RETR " + strFilePath, returnMessage) A questo punto non ci resta che attendere che il server faccia la sua richiesta di comunicazione alla porta indicata If Listener.Pending Then dataClient = Listener.AcceptTcpClient() DownloadStream = dataClient.GetStream ReDim bytDwFile(1024)Do lngFileLength = DownloadStream.Read(bytDwFile, 0, 1024) DwFile.Write(bytDwFile, 0, lngFileLength) Loop While lngFileLength > 0 Listener.Stop() A questo punto abbiamo concluso le operazioni di download non ci resta che salvare il file sul nostro pc.