CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Binding avec la main

susen_5
susen_5
Niveau 1
25 août 2015 à 09:59:50

Ceci est le contenu de mon dossier de MainWindow.xaml:

<Window x:Class="CSKinectSkeletonApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="600" Width="800">
    <Grid>
        <Image Name="videoImage"></Image>
        <Canvas Background="Transparent">
            <Ellipse Fill="Red" Height="20" Width="20" Name="leftHand" Stroke="White" />
            <Ellipse Fill="Red" Height="20" Width="20" Name="rightHand" Stroke="White" />
            <Ellipse Fill="Red" Height="20" Width="20" Name="head" Stroke="White" />
        </Canvas>
        <Slider Orientation="Vertical" Name="verticalSlider"></Slider>
    </Grid>
</Window>

Mon but est simplement de lier la valeur de la VerticalSlider curseur Avec la position Y de la main droite. Comment puis-je faire cela?

iPoseidon
iPoseidon
Niveau 10
25 août 2015 à 20:27:11

Salut.

La position de ton Ellipse peut être (d'après moi) déterminée uniquement par les margin de l'élement.
Par exemple, si tu appliques un Margin="0 10 0 0" à ton ellipse, tu déplaceras ton élement de 10px par rapport au top.
Tu ne peux pas binder directement la valeur "Top" (ou valeur "Y") de ton éllipse, m tu dois binder le margin tout entier. Et pour cela, il te faut utiliser un converter.

Pour faire simple, on envoie au converter la valeur du slider (qui varie entre 0 et 100), et il retourne une margin.
0 en paramètre = Margin (0, 0, 0, 0) en sortie
10 en paramètre = Margin (0, 10, 0, 0) en sortie
100 en paramètre = Margin (0, 100, 0, 0) en sortie
Ce qui permettra de déplacer ton éllipse de façon verticale.

MarginConverter.cs

    public class MarginConverter : IValueConverter
    {
        public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            double top = System.Convert.ToDouble(value)*10; // coefficient x10 (tu peux modifier la valeur) pour que ton éllipse ait une plus grande amplitude de mouvement
            return new Thickness(0, top, 0, 0);
        }

        public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return null;
        }
    }

MainWindow.xaml

<Window x:Class="WpfApplicationTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:converter="clr-namespace:WpfApplicationTest.Converter"
        Title="MainWindow" Height="600" Width="800">

    <Window.Resources>
        <converter:MarginConverter x:Key="marginConverter"/>
    </Window.Resources>
    
    <Grid>
        <Image Name="videoImage"></Image>
        <Canvas Background="Transparent">
            <Ellipse Fill="Red" Height="20" Width="20" Name="leftHand" Stroke="White" />
            <Ellipse Fill="Red" Height="20" Width="20" Name="rightHand" Stroke="White"  Margin="{Binding ElementName=verticalSlider, Path=Value, Converter={StaticResource marginConverter}}"  />
            <Ellipse Fill="Red" Height="20" Width="20" Name="head" Stroke="White" />
        </Canvas>
        <Slider Orientation="Vertical" Name="verticalSlider" ></Slider>
    </Grid>
</Window>

Avec un coefficient x30, on obtient ça pour la scrollbar à 91%
https://image.noelshack.com/fichiers/2015/35/1440527356-ellipse.png

On peut binder le converter avec (1) la valeur de la scrollbar et (2) la hauteur de ta page, si tu veux que ton éllipse se promène du maximum de la page jusqu'au minimum, et qu'on calcule le bon coefficient automatiquement. Ça complique juste un peu le truc.

Redis-moi si c'est bien ce que tu voulais, déjà, et si l'explication est ok.

Message édité le 25 août 2015 à 20:31:48 par iPoseidon
susen_5
susen_5
Niveau 1
26 août 2015 à 11:26:02

merci c'était ça!!!!!!!!!

[[sticker:p/1kki]]
iPoseidon
iPoseidon
Niveau 10
26 août 2015 à 13:34:48

De rien ^^

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment