Associazione di una proprietà di attività personalizzata a un controllo di progettazione

  • Articolo

L'associazione di un controllo di progettazione casella di testo a un argomento di un'attività è abbastanza semplice; d'altra parte, l'associazione di un controllo di progettazione complesso (quale una casella combinata) a un argomento di un'attività può risultare problematica. In questo argomento viene illustrato come associare un argomento di un'attività a un controllo casella combinata in un ActivityDesigner personalizzato.

Creazione del convertitore dell'elemento casella combinata

  1. Creare una nuova soluzione vuota in Visual Studio 2010 denominata CustomProperty.

  2. Creare una nuova classe denominata ComboBoxItemConverter. Aggiungere un riferimento a System.Windows.Data e fare in modo che la classe esegua la derivazione da IValueConverter. Impostare Visual Studio in modo che implementi l'interfaccia per generare stub per Convert e ConvertBack.

  3. Aggiungere il codice seguente al metodo Convert. Questo codice converte l'oggetto InArgument<T> di tipo String dell'attività nel valore da posizionare nella finestra di progettazione.

    ModelItem modelItem = value as ModelItem;
if (value != null)
{
    InArgument<string> inArgument = modelItem.GetCurrentValue() as InArgument<string>;

    if (inArgument != null)
    {
        Activity<string> expression = inArgument.Expression;
        VisualBasicValue<string> vbexpression = expression as VisualBasicValue<string>;
        Literal<string> literal = expression as Literal<string>;

        if (literal != null)
        {
            return "\"" + literal.Value + "\"";
        }
        else if (vbexpression != null)
        {
            return vbexpression.ExpressionText;
        }
    }
}
return null;

    L'espressione nell'esempio di codice precedente può essere creata anche usando CSharpValue<TResult> anziché VisualBasicValue<TResult>.

    ModelItem modelItem = value as ModelItem;
if (value != null)
{
    InArgument<string> inArgument = modelItem.GetCurrentValue() as InArgument<string>;

    if (inArgument != null)
    {
        Activity<string> expression = inArgument.Expression;
        CSharpValue<string> csexpression = expression as CSharpValue<string>;
        Literal<string> literal = expression as Literal<string>;

        if (literal != null)
        {
            return "\"" + literal.Value + "\"";
        }
        else if (csexpression != null)
        {
            return csexpression.ExpressionText;
        }
    }
}
return null;

  4. Aggiungere il codice seguente al metodo ConvertBack. Questo codice converte l'elemento casella combinata in ingresso nuovamente in InArgument<T>.

    // Convert combo box value to InArgument<string>
            string itemContent = (string)((ComboBoxItem)value).Content;
            VisualBasicValue<string> vbArgument = new VisualBasicValue<string>(itemContent);
            InArgument<string> inArgument = new InArgument<string>(vbArgument);
            return inArgument;

    L'espressione nell'esempio di codice precedente può essere creata anche usando CSharpValue<TResult> anziché VisualBasicValue<TResult>.

    // Convert combo box value to InArgument<string>
            string itemContent = (string)((ComboBoxItem)value).Content;
            CSharpValue<string> csArgument = new CSharpValue<string>(itemContent);
            InArgument<string> inArgument = new InArgument<string>(csArgument);
            return inArgument;

Aggiunta di ComboBoxItemConverter all'ActivityDesigner personalizzato

  1. Aggiungere un nuovo elemento al progetto. Nella finestra di dialogo Nuovo elemento, selezionare il nodo Flusso di lavoro, quindi selezionare ActivityDesigner come tipo del nuovo elemento. Denominare l'elemento CustomPropertyDesigner.

  2. Aggiungere una casella combinata alla nuova finestra di progettazione. Nella proprietà Items aggiungere un paio di elementi alla casella combinata, con i valori di contenuto di "Item1" e 'Item2."

  3. Modificare il codice XAML della casella combinata in modo da aggiungere il nuovo convertitore di elementi come convertitore di elementi da usare per la casella combinata. Il convertitore viene aggiunto come risorsa nel segmento ActivityDesigner.Resources e specifica il convertitore nell'attributo Converter di ComboBox. Notare che lo spazio dei nomi del progetto viene specificato negli attributi degli spazi dei nomi di ActivityDesigner; se la finestra di progettazione deve essere usata in un progetto diverso, questo spazio dei nomi dovrà essere modificato.

    <sap:ActivityDesigner x:Class="CustomProperty.CustomPropertyDesigner"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:c="clr-namespace:CustomProperty"
    xmlns:sap="clr-namespace:System.Activities.Presentation;assembly=System.Activities.Presentation"
    xmlns:sapv="clr-namespace:System.Activities.Presentation.View;assembly=System.Activities.Presentation">

    <sap:ActivityDesigner.Resources>
        <ResourceDictionary>
            <c:ComboBoxItemConverter x:Key="comboBoxItemConverter"/>
        </ResourceDictionary>
    </sap:ActivityDesigner.Resources>
    <Grid>
        <ComboBox SelectedValue="{Binding Path=ModelItem.Text, Mode=TwoWay, Converter={StaticResource comboBoxItemConverter}}"  Height="23" HorizontalAlignment="Left" Margin="132,5,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120" ItemsSource="{Binding}">
            <ComboBoxItem>item1</ComboBoxItem>
            <ComboBoxItem>item2</ComboBoxItem>
        </ComboBox>
    </Grid>
</sap:ActivityDesigner>

  4. Creare un nuovo elemento di tipo CodeActivity. Il codice predefinito creato dall'IDE per l'attività sarà sufficiente per questo esempio.

  5. Aggiungere l'attributo seguente alla definizione di classe:

    [Designer(typeof(CustomPropertyDesigner))]

    Con questa riga si associa la nuova finestra di progettazione alla nuova classe.

La nuova attività dovrebbe ora essere associata alla finestra di progettazione. Per testare la nuova attività, aggiungerla a un flusso di lavoro e impostare la casella combinata sui due valori. La finestra delle proprietà dovrebbe essere aggiornata per riflettere il valore della casella combinata.