Sono abbastanza nuovo con il design WPF (e il design in generale) e ho bisogno di aiuto con un'attività.Creazione di un pulsante con grafica vettoriale nel contenuto
Ho uno stile per un pulsante che contiene alcuni dati in un percorso, che disegna un'icona su di esso (in pratica è semplice aggiungere una nuova icona). Ora vorrei farne un'icona di copia.
non riuscivo a trovare un modo per manipolare con il percorso che ho in Blend, quindi quello che avevo in mente era:
1) copia dei dati percorso in modo che possiamo trarre due icone (per avere due oggetti Percorso in Content) 2) Spostare prima un po 'a sinistra e in alto 3) Spostare secondo un po' a destra e in basso 4) Assicurarsi secondo sovrappongono primo
Questo è quello che ho fatto: Dal momento che non possiamo avere due elementi impostati per Contenuto, ho aggiunto un elemento Grid e all'interno ho copiato due volte l'elemento Path. Poi ho riposizionato entrambi i percorsi per simulare i dati duplicati.
<Setter Property="Content">
<Setter.Value>
<Grid>
<Path Data="..." Margin="10" Stretch="Fill" Fill="{StaticResource IconBrush}" RenderTransformOrigin="0.5,0.4">
<Path.RenderTransform>
<TransformGroup>
<ScaleTransform />
<SkewTransform />
<RotateTransform Angle="-90" />
<TranslateTransform />
</TransformGroup>
</Path.RenderTransform>
</Path>
<Path Data="..." Margin="10" Stretch="Fill" Fill="{StaticResource IconBrush}" RenderTransformOrigin="0.5,0.6">
<Path.RenderTransform>
<TransformGroup>
<ScaleTransform />
<SkewTransform />
<RotateTransform Angle="-90" />
<TranslateTransform />
</TransformGroup>
</Path.RenderTransform>
</Path>
</Grid>
</Setter.Value>
</Setter>
Problema:.? Non capisco sovrapponga seconda icona (in pratica tutto è trasparente Ciò significa che ho probsably bisogno di eliminare alcuni punti sulla prima icona, ma non ho potuto ottenere che in Blend
Qualcuno può condividere un po 'di luce su come ottenere ciò che mi serve?
Ciao Stewbob. Il tuo codice ora sta affrontando lo stesso problema del mio. Le parti dell'icona superiore che si trovano sotto la seconda icona non dovrebbero essere visibili (in realtà, non è possibile vedere qualcosa che si trova al di sotto di un'altra cosa). L'icona della mia copia è simile a un'icona di copia in Visual Studio. Non ho inserito i punti dati, dal momento che la prima icona (nuova icona), che provo a duplicare e creare un'icona di copia, è la proprietà dell'azienda da cui usiamo i controlli, e non voglio entrare in nessuna problemi. – Goran
@Goran, non capisco il tuo commento. Lo XAML nel mio post posiziona un segno più verde chiaro più "sopra" un segno più verde scuro. Questo è l'intento di XAML, ed è così che appare sullo schermo. Se si desidera cambiare quale oggetto Path è "in primo piano" è necessario modificare l'ordine in cui sono elencati in XAML. – Stewbob
Sì, nel tuo esempio lo posiziona sopra, dal momento che stai usando forme geometriche. Il Sentiero originale che uso utilizza ciò che credo è una serie di punti, quindi non esiste una "forma". Quando cambio l'ordine dei percorsi, non fa differenza. Ecco un link per mostrarti visivamente come appare. https://skydrive.live.com/redir?resid=F80033B5ECD8347C!140&authkey=!APGPszc9i3_m_Go – Goran