In medio stat virtus: Blend 3 e i design time data
Purtroppo siamo alle solite: non è tutto oro quel che luccica.
Se avete un ViewModel, o più in generale un DataContext, un po’ complesso la soluzione di Corrado purtroppo non funziona. Per un po’ complesso intendo che basta banalmente esporre dalla classe, che verrà utilizzata come DataContext, un tipo generico e siete “fritti” perchè lo xaml non ha supporto per i generics: IDictionary
Ma non tutto è perso, siccome è una cosa di cui ho veramente bisogno oggi mi sono dedicato a capire se c’era una soluzione e credo di avere trovato un compromesso accettabile, sicuramente funziona e risolve il problema, anche se non è elegantissimo.
Background
Nel toolkit che ormai mi sono costruito per utilizzare Model-View-ViewModel in applicazioni composite ci sono un bel set di ViewModel di base per le più svariate esigenze, uno ad esempio è così definito:
Non dettaglio, mi limito semplicemente a dire che se volete visualizzare una lista di elementi con molte funzionalità preimplementate vi basta deinfire una cosa del tipo:public interface IItemsListViewModel:
IViewModel,
ICanHandleAsyncOperationViewModel where TView : class, IItemsListView where TEntity : class, IEntity { IBindableCommand Select { get; }IEntityViewItems { get; } IEntityView Selection { get; set; } IEntityItemView Current { get; } SelectionType SupportedSelectionType { get; } void LoadItemsByQuery( IQuery query ); void RefreshQueryResults();event EventHandler<ItemsByQueryLoadedEventArgs> ItemsByQueryLoaded; }
Fine, e il tutto funziona a patto che nel costruttore arrivino le cose giuste ;-) ma se usate un tool per IoC il problema se lo smazza lui.class EstimatesListViewModel : ItemsListViewModel<IEstimatesListView, IEstimate> { public EstimatesListViewModel( IDispatcher dispatcher, IEstimatesListView view, IMessageBroker broker, IDataContextFactory dataContextFactory ) : base( dispatcher, view, broker, SelectionType.Extended, dataContextFactory ) { } }
Quello che ci resta da fare è solo ed esclusivamente disegnare la nostra bella view e sbizzarrirci con la potenza di Wpf.
Il problema
è sempre il solito: per domare la potenza di Wpf avete bisogno di avere un designer che vi faccia vedere dei dati a design-time altrimenti non c’è trippa per gatti siete persi nei meandri dello xaml, dei DataTemplate, degli Styles e dei ControlTemplate.. per non parlare delle “litigate” con TemplateBinding e TemplatedParent :-)
In questo esempio sia la mia soluzione che quella di Corrado non funzionano e Blend tende inesorabilmente a crashare con allegria… io un po’ meno ;-)
Alla fine la soluzione che ho trovato è stata definire in tutta la gerarchia una gerarchia, …, di DesignTimeXxxxViewModel portando a questo:
che ha una differenza sostanziale con quello “vero”… circa 400 righe di codice (sommando quello di tutte le classi derivate), ma non solo, ha un costruttore pubblico senza parametri permettendo di definire nello xaml questo:sealed class DesignTimeEngagementManagerViewModel : DesignTimeItemsListViewModel<IEngagementManagerView, IAdvertisementReservationViewModel>, IEngagementManagerViewModel { public DesignTimeEngagementManagerViewModel() { if( this.GetIsInDesignMode() ) { var dataSource = new List<DesignTimeAdvertisementReservationViewModel>() { new DesignTimeAdvertisementReservationViewModel( ViewModel.UndefinedReservationStatus.Undefined, null), new DesignTimeAdvertisementReservationViewModel( ViewModel.UndefinedReservationStatus.Undefined, null), new DesignTimeAdvertisementReservationViewModel( new ViewModel.PublishedReservationStatus(), null) }; this._items = new EntityView<IAdvertisementReservationViewModel>( dataSource.ToArray() ); } } IEntityView<IAdvertisementReservationViewModel> _items; public override IEntityView<IAdvertisementReservationViewModel> Items { get { return this._items; } } public IPublication CurrentPublication { get { return null; } } public string ToolTip { get { return "Design time tooltip..."; } } public string Title { get { return "Design time title."; } } }
e ottenendo al volo dentro Blend questo:<UserControl.Resources> <dd:DesignTimeEngagementManagerViewModel x:Key="designViewModel" /> UserControl.Resources> <local:EngagementManagerDocument TabText="{Binding Title}" d:DataContext="{StaticResource designViewModel}" TabToolTip="{Binding ToolTip}">
che adesso è finalmente disegnabile in maniera accettabile e smetterà di essere quella ciofeca che si vede nell’esempio.
La cosa da notare è che Blend applica correttamente stili e template anche a design-time, si nota infatti che l’ultima “riga” è diversa dalle altre.
Se poi consideriamo che quel sample prima dell’intervento producevano in Blend questo:
ergo il nulla più assoluto…
E’ un compromesso perchè definisco una gerarchia di classi in più anche se è:
- mostruosamente semplice;
- in totale assenza di logica;
- con dati completamente statici;
Un’altra soluzione sarebbe quella di usare un tool di mocking ma mi piace poco il requisito di avere una reference alla libreria di mock, inoltre di codice se ne deve scrivere lo stesso quindi non è che ci sia poi sto gran risparmio.
Un piccolo vantaggio è che quei design-time-data possono essere anche usati come “fake” per le suite di test.
Adesso aspetto che Corrado mi smentisca con un’altra soluzione degna delle sue capacità :-)
.m