Ho due elementi di tabulazione nel mio controllo a schede e voglio dare effetti di scorrimento (Animazione) mentre seleziono un elemento di tabulazione di un altro. Fammi sapere se qualcuno ha qualche idea per realizzare questa animazione. Grazie in anticipo.Controllo tabulazione WPF: effetto scorrevole sulla selezione di elementi di tabulazione
5
A
risposta
1
http://social.msdn.microsoft.com/Forums/en-AU/wpf/thread/ed8801d8-51c4-4671-8b8c-86544c6d434d questo è utile e evergreen..i hanno utilizzato qualche tempo fa
Questo sembra essere aggiornata versione http://blogs.intuidev.com/post/2010/01/26/TabControlStyling_PartTwo.aspx
e più oltre non sicuro di quello che si intende per effetti di scorrimento ?! tutti gli esempi per me capire
0
codice XAML:
<Window x:Class="TabControlAnimation.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" WindowState="Maximized">
<Grid HorizontalAlignment="Center" Name="maingrid">
<Grid.Resources>
<DataTemplate x:Key="TabTemplate">
<Grid Name="gd">
<ContentControl Content="{Binding}"></ContentControl>
</Grid>
</DataTemplate>
</Grid.Resources>
<StackPanel Orientation="Horizontal">
<TabControl ContentTemplate="{StaticResource TabTemplate}" Name="_menuTabControl" TabStripPlacement="Top" Width="auto" Height="{Binding ElementName=maingrid, Path=Height}" SelectionChanged="_menuTabControl_SelectionChanged">
<TabItem Header="MyTabItem1">
<Grid Background="Red">
<TextBlock Text="This is tab1"></TextBlock>
</Grid>
</TabItem>
<TabItem Header="MyTabItem2">
<Grid Background="Green">
<TextBlock Text="This is tab2"></TextBlock>
</Grid>
</TabItem>
<TabItem Header="MyTabItem3">
<Grid Background="Yellow">
<TextBlock Text="This is tab3"></TextBlock>
</Grid>
</TabItem>
<TabItem Header="MyTabItem4">
<Grid Background="Violet">
<TextBlock Text="This is tab4"></TextBlock>
</Grid>
</TabItem>
<TabItem Header="MyTabItem5">
<Grid Background="Blue">
<TextBlock Text="This is tab5"></TextBlock>
</Grid>
</TabItem>
</TabControl>
</StackPanel>
</Grid>
Codice Dietro:
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
public IEnumerable<T> FindVisualChildren<T>(DependencyObject depObj) where T:DependencyObject
{
if(depObj!=null)
{
for(int i=0;i<VisualTreeHelper.GetChildrenCount(depObj);i++)
{
DependencyObject child = VisualTreeHelper.GetChild(depObj, i);
if (child != null && child is T)
yield return (T)child;
foreach (T childOfChild in FindVisualChildren<T>(child))
yield return childOfChild;
}
}
}
int prev = -1, curr = -1;
private void _menuTabControl_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
curr = (sender as TabControl).SelectedIndex;
if(prev!=curr)
{
foreach(var rectangle in FindVisualChildren<Grid>(this))
{
if(rectangle.Name=="gd")
{
DoubleAnimation translate_x=null;
if(prev>curr)
{
translate_x = new DoubleAnimation()
{
From = -300,
To = 0,
Duration = TimeSpan.FromSeconds(0.3),
};
}
else
{
translate_x = new DoubleAnimation()
{
From = 300,
To = 0,
Duration = TimeSpan.FromSeconds(0.3),
};
}
var translate_y = new DoubleAnimation()
{
From = 0,
To = 0,
Duration = TimeSpan.FromSeconds(1),
};
TranslateTransform translateTransform1 = new TranslateTransform();
translateTransform1.BeginAnimation(TranslateTransform.XProperty, translate_x);
translateTransform1.BeginAnimation(TranslateTransform.YProperty, translate_y);
rectangle.RenderTransform = translateTransform1;
prev = curr;
}
}
}
}
}
Problemi correlati
- 1. Spaziatura controllo tabulazione WPF tra le intestazioni
- 2. È possibile riorganizzare gli elementi di tabulazione nel controllo struttura a schede in wpf?
- 3. DockPanel Ordine di tabulazione
- 4. Problema con convalida WPF (IDataErrorInfo) e tabulazione
- 5. Rilevare quando un elemento di tabulazione è stato aggiunto al controllo Tab di WPF
- 6. spaziatura tabulazione
- 7. Come spostarsi in modo programmato tra gli elementi di tabulazione degli elementi dell'interfaccia utente WPF?
- 8. WPF rileva genitore scorrevole Controllo
- 9. Animazione di testo uniforme (selezione scorrevole) tramite WPF
- 10. Modifica programmata dell'ordine di tabulazione
- 11. hashing di tabulazione e N3980
- 12. JavaFx - ordine di tabulazione in SceneBuilder
- 13. Tabulazione tra progetti Xcode?
- 14. Come allineare il centro di tabulazione attivo in Android Tab Layout scorrevole
- 15. come impostare l'ordine di tabulazione in jquery
- 16. C# finestre modulo Ordine di tabulazione
- 17. Emacs: spazio di visualizzazione/simboli di tabulazione
- 18. ActionBarSherlock, ViewPager, TabsAdapter Frammenti di tabulazione nidificati
- 19. scheda semplice utilizzando frammentattività invece di tabulazione
- 20. Prettier simboli di tabulazione in vim
- 21. Come attivare l'evento del tasto di tabulazione?
- 22. Precisione di rendering della tabulazione Corona
- 23. Di fronte alla tabulazione della pagina?
- 24. Ionic 2 - Pagina di tabulazione navigazione persa
- 25. Modifica dinamicamente l'indicatore di tabulazione in Android
- 26. QTableView in MainWindow e tabulazione
- 27. Ordine di tabulazione in ui-select per angularjs
- 28. Simulazione di una pressione di tasto di tabulazione usando JavaScript
- 29. Impostazione Ordine di tabulazione per QTableView in Qt 4.4
- 30. Come impostare il delimitatore di tabulazione utilizzando psql -F
In realtà, sto cercando di dare effetto scorrevole per il contenuto del punto scheda. Diciamo che il tabitem contiene uno stackpanel e il tabitem 2 contiene altri controlli, quindi se ho selezionato la scheda 2 il contenuto della scheda 2 dovrebbe essere visualizzato in modo scorrevole. – prawin
sarebbe utile se pubblichi qualche codice qui, quindi posso modificare per te .. – JackyBoi