none
Ayuda con el Estilo de un ScrollBar para UWP desde app.xaml

    Pregunta

  • Buenas noches y un cordial saludo, el motivo de mi mensaje es que realice un estilo para el ScrollBar en UWP, el diseño y todo esta perfecto pero el único problema que tengo es que no se como agregarle un modo para que puedas mover el ScrollBar con el mouse del ratón, espero puedan apoyarme, a continuación les dejo una imagen

    les dejo el código que utilice

    <Style TargetType="ScrollBar">
                <Setter Property="MinWidth" Value="7" />
                <Setter Property="MinHeight" Value="7" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Foreground" Value="Transparent" />
                <Setter Property="Margin" Value="0,10,0,10" />
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ScrollBar">
                            <Grid x:Name="Root" Background="Transparent">
                                <Border x:Name="HorizontalPanningRoot" MinWidth="53">
                                    <Border CornerRadius="5"
                                  x:Name="HorizontalPanningThumb"
                                  Height="10"
                                  MinWidth="7"
                                  HorizontalAlignment="Left"
                                  AutomationProperties.AccessibilityView="Raw"
                                  Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}" />
                                </Border>
                                <Border x:Name="VerticalPanningRoot" MinHeight="53">
                                    <Border CornerRadius="5"
                                  x:Name="VerticalPanningThumb"
                                  Width="10"
                                  MinHeight="7"
                                  VerticalAlignment="Top"
                                  AutomationProperties.AccessibilityView="Raw"
                                  Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}" />
                                </Border>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver" />
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation
                                              Storyboard.TargetName="Root"
                                              Storyboard.TargetProperty="Opacity"
                                              To="0.5"
                                              Duration="0" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="ScrollingIndicatorStates">
                                        <VisualState x:Name="TouchIndicator">
                                            <Storyboard>
                                                <FadeInThemeAnimation Storyboard.TargetName="HorizontalPanningRoot" />
                                                <FadeInThemeAnimation Storyboard.TargetName="VerticalPanningRoot" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="MouseIndicator"/>
                                        <VisualState x:Name="NoIndicator">
                                            <Storyboard>
                                                <FadeOutThemeAnimation BeginTime="0" Storyboard.TargetName="HorizontalPanningRoot" />
                                                <FadeOutThemeAnimation BeginTime="0" Storyboard.TargetName="VerticalPanningRoot" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

    Espero puedan ayudarme y un cordial saludo


    miércoles, 17 de abril de 2019 3:00

Respuestas

  • Hola  

    Gracias por levantar tu consulta en los foros de MSDN. Con respecto a la misma, te hago la recomendación de ingresar al siguiente enlace en donde puedes encontrar una posible solución para tu problema.

    https://docs.microsoft.com/es-mx/windows/uwp/design/controls-and-patterns/scroll-controls

    Gracias por usar los foros de MSDN.

    Carlos Ruiz
     ____

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.
    • Marcado como respuesta Christian CJ viernes, 19 de abril de 2019 1:32
    jueves, 18 de abril de 2019 16:00

Todas las respuestas

  • Hola

    Gracias por levantar tu consulta en los foros de MSDN. Con respecto a la misma, para poder darte una mejor atención, te solicitamos de favor que nos brindes un poco más de información acerca del problema que se te presenta ya que en la pregunta dice que quieres mover la scrollbar con el mouse del ratón y eso es algo confuso.
    Gracias por usar los foros de MSDN.

    Carlos Ruiz
     ____

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.
    miércoles, 17 de abril de 2019 14:35
  • Carlos_Ruiz_M

    muchas gracias por responder y un cordial saludo, el motivo de mi mensaje es que me gustaría mover el scrollbar con el cursor del ratón, el motivo es porque lo edite pero no se como agregar esa función, por eso agregue la siguiente imagen 

    Como se puede ver el cursor esta moviendo el scrollbar y en mi diseño que realice no lo permite mover, espero puedan apoyarme y un gran saludo

    miércoles, 17 de abril de 2019 23:01
  • Hola  

    Gracias por levantar tu consulta en los foros de MSDN. Con respecto a la misma, te hago la recomendación de ingresar al siguiente enlace en donde puedes encontrar una posible solución para tu problema.

    https://docs.microsoft.com/es-mx/windows/uwp/design/controls-and-patterns/scroll-controls

    Gracias por usar los foros de MSDN.

    Carlos Ruiz
     ____

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.
    • Marcado como respuesta Christian CJ viernes, 19 de abril de 2019 1:32
    jueves, 18 de abril de 2019 16:00
  • muchas gracias por tu apoyo
    viernes, 19 de abril de 2019 1:32