slider 相关问题

我的用户界面中有一个滑块，但我无法正确滑动它。下面是代码：我的用户界面中有一个滑块，但我无法正确滑动它。以下是代码： <Slider x:Name="watchme_slider" Grid.Column="1" BackgroundColor="White" MinimumTrackColor="#1c98d7" MaximumTrackColor="#9a9a9a" ThumbImageSource="ic_thumb_xx.png" ValueChanged="SliderValueChanged" Maximum="0.166666667" Minimum="0" HorizontalOptions="FillAndExpand"/> 此滑块位于 ContentView 上，下面是完整的 xaml 代码： <?xml version="1.0" encoding="utf-8" ?> <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" xmlns:d="http://xamarin.com/schemas/2014/forms/design" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" NavigationPage.HasNavigationBar="false" BackgroundColor="White" x:Class="MyProjectName.Pages.HomePage"> <StackLayout Orientation="Vertical"> <ScrollView> <StackLayout> <Frame BorderColor="#ffffff" BackgroundColor="#ededed" Margin="10,10,10,5" HasShadow="False" CornerRadius="10" Padding="5"> <StackLayout Margin="5" Orientation="Vertical"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="0.5*" /> <ColumnDefinition Width="9.5*" /> </Grid.ColumnDefinitions> <Label x:Name="slider_timer_label" Grid.Column="1" Text=" " Margin="0,0,0,5" Padding="3" HorizontalOptions="Start" HorizontalTextAlignment="Center" VerticalOptions="EndAndExpand" TextColor="#ededed"> <Label.FontSize> <OnIdiom x:TypeArguments="x:Double"> <OnIdiom.Phone>12</OnIdiom.Phone> <OnIdiom.Tablet>18</OnIdiom.Tablet> <OnIdiom.Desktop>12</OnIdiom.Desktop> </OnIdiom> </Label.FontSize> </Label> </Grid> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="1*" /> <ColumnDefinition Width="9*" /> </Grid.ColumnDefinitions> <Label Margin="5" HorizontalTextAlignment="End" Grid.Column="0" Text="0" TextColor="Black"> <Label.FontSize> <OnIdiom x:TypeArguments="x:Double"> <OnIdiom.Phone>16</OnIdiom.Phone> <OnIdiom.Tablet>24</OnIdiom.Tablet> <OnIdiom.Desktop>16</OnIdiom.Desktop> </OnIdiom> </Label.FontSize> </Label> <Slider x:Name="watchme_slider" Grid.Column="1" BackgroundColor="White" MinimumTrackColor="#1c98d7" MaximumTrackColor="#9a9a9a" ThumbImageSource="ic_thumb_xx.png" ValueChanged="SliderValueChanged" Maximum="0.166666667" Minimum="0" HorizontalOptions="FillAndExpand"/> </Grid> <Label x:Name="watchme_timer_label" Margin="5,10,5,10" Text=" " HorizontalTextAlignment="Center" HorizontalOptions="CenterAndExpand" TextColor="#ededed"> <Label.FontSize> <OnIdiom x:TypeArguments="x:Double"> <OnIdiom.Phone>16</OnIdiom.Phone> <OnIdiom.Tablet>24</OnIdiom.Tablet> <OnIdiom.Desktop>16</OnIdiom.Desktop> </OnIdiom> </Label.FontSize> </Label> </StackLayout> </Frame> </StackLayout> </ScrollView> </StackLayout> </ContentView> 我在演示项目上尝试了滑块，它运行良好。我认为这个问题可能是由于我的用户界面的父布局造成的。我已经上传了一个演示项目here来重现这个问题。来自 CarouselView 文档默认情况下，CarouselView 将以水平方向显示其项目。屏幕上将显示单个项目，通过滑动手势可在项目集合中向前和向后导航。此问题与滚动事件冲突有关。当您滚动 Slide 时，CarouselView 的滑动手势将捕获您的滚动事件。您可以为您的CarouselView设置IsSwipeEnabled="False"，您的Slider可以正常滚动。如果需要切换 CarouselView 中的其他项目，可以使用 carouselView.ScrollTo(); 进行操作。 <CarouselView x:Name="carouselView" IsSwipeEnabled="False" Loop="False"> 顺便说一句，如果您不想设置IsSwipeEnabled="False"，可以使用增加和减少按钮来代替滑块。

slider maui

回答 1 投票 0

如何改变SwiftUI的Slider的圆圈颜色？

我正在尝试更改 SwiftUI 滑块圆圈的颜色。但不幸的是，我找不到方法。我正在分享我到目前为止所做的代码。还有视图的屏幕截图。我不...

ios swiftui slider

回答 2 投票 0

带滑块确认按钮

我需要有滑块确认按钮，如下所示按钮的最初外观是：用户完成幻灯片后，它必须如下所示：我目前有下面的代码。如何

javascript jquery css button slider

回答 1 投票 0

Framer Motion 无限滚动滑块/轮播

framer-motion 允许您将 Drag="x" 添加到运动元素，然后您可以沿 x 轴拖动该元素。这是通过根据用户拖动的距离更改变换来实现的：translateX(...px)...