WPF封装带关闭、新增和左右滑动选项卡控件

已于 2024-01-19 15:58:36 修改
阅读量608 收藏 11
点赞数 7
分类专栏： WPF 文章标签： wpf
于 2024-01-19 15:57:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37875849/article/details/135698812
版权

效果图

 控件功能：有关闭、新增选项卡按钮，功能栏溢出支持左右滑动。该控件主要应用绑定数据，批量设置某一功能选项。

封装过程使用NuGet：

<packages>
  <package id="DevExpressMvvm" version="22.1.3" targetFramework="net472" />
  <package id="Microsoft.Xaml.Behaviors.Wpf" version="1.1.31" targetFramework="net472" />
  <package id="Prism.Core" version="8.1.97" targetFramework="net472" />
  <package id="Prism.Wpf" version="8.1.97" targetFramework="net472" />
</packages>

代码部分：

1.CloseButtonExtend.cs

using System.Collections;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace HT.ControlWPF
{
    public class CloseButtonExtend : Button
    {
        protected override void OnClick()
        {
            base.OnClick();
            if (!string.IsNullOrEmpty(Name) && Name == "PART_Close_TabItem")
            {
                TabItem itemclose = FindVisualParent<TabItem>(this);
                if (itemclose == null)
                {
                    return;
                }
                CloseTabControl closeTabControl = FindVisualParent<CloseTabControl>(itemclose);
                if (closeTabControl == null)
                {
                    return;
                }
                if (closeTabControl.ItemsSource == null)
                {
                    closeTabControl.Items.Remove(itemclose);
                }
                else
                {
                    if (closeTabControl.DataContext == null || itemclose.DataContext == null)
                    {
                        return;
                    }
                 (closeTabControl.ItemsSource as IList)?.Remove(itemclose.DataContext);
                }
            }
        }
        private T FindVisualParent<T>(DependencyObject obj) where T : class
        {
            while (obj != null)
            {
                if (obj is T)
                    return obj as T;
                obj = VisualTreeHelper.GetParent(obj);
            }
            return null;
        }
    }
}

 2.CloseTabControl.cs

using Prism.Commands;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace HT.ControlWPF
{
    public class CloseTabControl: TabControl
    {
        /// <summary>
        /// 单点移动间距
        /// </summary>
        public ushort HorizontalOffsetSpan { get; set; } = 50;
        public bool HasAddSouceButton
        {
            get { return (bool)GetValue(HasAddSouceButtonProperty); }
            set { SetValue(HasAddSouceButtonProperty, value); }
        }
        public static readonly DependencyProperty HasAddSouceButtonProperty =
            DependencyProperty.Register(nameof(HasAddSouceButton), typeof(bool), typeof(CloseTabControl), new PropertyMetadata(false));
        /// <summary>
        /// 新增路由
        /// </summary>
        public static readonly RoutedEvent AddSouceOnClickEvent = EventManager.RegisterRoutedEvent(nameof(AddSouceOnClick), RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(CloseTabControl));
        public event RoutedEventHandler AddSouceOnClick
        {
            add
            {
                AddHandler(AddSouceOnClickEvent, value);
            }
            remove
            {
                RemoveHandler(AddSouceOnClickEvent, value);
            }
        }
        /// <summary>
        /// 左移动
        /// </summary>
        public ICommand LeftMoveCommand
        {
            get
            {
                return new DelegateCommand<ScrollViewer>((scrollViewer) =>
                {
                    scrollViewer.ScrollToHorizontalOffset(scrollViewer.HorizontalOffset - HorizontalOffsetSpan);
                });
            }
        }
        /// <summary>
        /// 右移动
        /// </summary>
        public ICommand RightMoveCommand
        {
            get
            {
                return new DelegateCommand<ScrollViewer>((scrollViewer) =>
                {
                    scrollViewer.ScrollToHorizontalOffset(scrollViewer.HorizontalOffset+ HorizontalOffsetSpan);
                });
            }
        }
        public ICommand AddSouceCommand
        {
            get
            {
                return new DelegateCommand(() =>
                {
                    RoutedEventArgs arg = new RoutedEventArgs();
                    arg.RoutedEvent = AddSouceOnClickEvent;
                    RaiseEvent(arg);
                });
            }
        }
    }
}

3.CloseTabControlHelper.cs

using System.Windows;

namespace HT.ControlWPF
{
    public static class CloseTabControlHelper
    {
        public static bool GetHasCloseButton(DependencyObject obj)
        {
            return (bool)obj.GetValue(HasCloseButtonProperty);
        }

        public static void SetHasCloseButton(DependencyObject obj, bool value)
        {
            obj.SetValue(HasCloseButtonProperty, value);
        }
        public static readonly DependencyProperty HasCloseButtonProperty =
            DependencyProperty.RegisterAttached("HasCloseButton", typeof(bool), typeof(CloseTabControlHelper), new PropertyMetadata(true));


    }
}

 4.App.xaml

<Application
    x:Class="HT.ControlWPF.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:HT.ControlWPF"
    StartupUri="MainWindow.xaml">
    <Application.Resources>
        <SolidColorBrush x:Key="TabItem.Selected.Background" Color="Transparent" />
        <SolidColorBrush x:Key="TabItem.Static.Background" Color="#99CCFF" />
        <SolidColorBrush x:Key="TabItem.MouseOver.Background" Color="#bee6fd" />
        <SolidColorBrush x:Key="Static.Foreground" Color="#FFFFFF" />

        <!--  关闭按钮样式  -->
        <Style TargetType="{x:Type local:CloseButtonExtend}">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" SnapsToDevicePixels="true">
                            <ContentPresenter
                                x:Name="contentPresenter"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Focusable="False"
                                RecognizesAccessKey="True"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter TargetName="border" Property="Background" Value="#FFBEE6FD" />
                            </Trigger>
                            <Trigger Property="IsPressed" Value="true">
                                <Setter TargetName="border" Property="Background" Value="#FFC4E5F6" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="{x:Type local:CloseTabControl}">
            <Setter Property="Padding" Value="2" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Background" Value="{StaticResource TabItem.Selected.Background}" />
            <Setter Property="BorderBrush" Value="{StaticResource TabItem.Selected.Background}" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type local:CloseTabControl}">
                        <Grid
                            x:Name="templateRoot"
                            ClipToBounds="true"
                            KeyboardNavigation.TabNavigation="Local"
                            SnapsToDevicePixels="true">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition x:Name="ColumnDefinition0" />
                                <ColumnDefinition x:Name="ColumnDefinition1" Width="0" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition x:Name="RowDefinition0" Height="Auto" />
                                <RowDefinition x:Name="RowDefinition1" Height="*" />
                            </Grid.RowDefinitions>
                            <!--  头部  -->
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <!--  左滑动按钮  -->
                                <Button
                                    Grid.Column="0"
                                    Padding="5,0"
                                    Background="{StaticResource TabItem.Static.Background}"
                                    BorderThickness="0"
                                    Command="{Binding LeftMoveCommand, RelativeSource={RelativeSource TemplatedParent}}"
                                    CommandParameter="{Binding ElementName=_scrollViewer}"
                                    Content="&lt;"
                                    Foreground="{StaticResource Static.Foreground}" />
                                <!--  标题  -->
                                <ScrollViewer
                                    x:Name="_scrollViewer"
                                    Grid.Column="1"
                                    HorizontalScrollBarVisibility="Hidden"
                                    VerticalScrollBarVisibility="Hidden">
                                    <TabPanel
                                        x:Name="headerPanel"
                                        Panel.ZIndex="1"
                                        Background="{StaticResource TabItem.Static.Background}"
                                        IsItemsHost="true"
                                        KeyboardNavigation.TabIndex="1" />
                                </ScrollViewer>
                                <StackPanel Grid.Column="2" Orientation="Horizontal">
                                    <!--  右滑动按钮  -->
                                    <Button
                                        Padding="5,0"
                                        Background="{StaticResource TabItem.Static.Background}"
                                        BorderThickness="0"
                                        Command="{Binding RightMoveCommand, RelativeSource={RelativeSource TemplatedParent}}"
                                        CommandParameter="{Binding ElementName=_scrollViewer}"
                                        Content="&gt;"
                                        Foreground="{StaticResource Static.Foreground}" />
                                    <Button
                                        x:Name="PART_AddButton"
                                        Padding="5,0"
                                        Background="{StaticResource TabItem.Static.Background}"
                                        BorderThickness="0"
                                        Command="{Binding AddSouceCommand, RelativeSource={RelativeSource TemplatedParent}}"
                                        CommandParameter="{Binding ElementName=_scrollViewer}"
                                        Content="新增"
                                        Foreground="{StaticResource Static.Foreground}" />
                                </StackPanel>
                            </Grid>
                            <!--  内容呈显者  -->
                            <Border
                                x:Name="contentPanel"
                                Grid.Row="1"
                                Grid.Column="0"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                KeyboardNavigation.DirectionalNavigation="Contained"
                                KeyboardNavigation.TabIndex="2"
                                KeyboardNavigation.TabNavigation="Local">
                                <ContentPresenter
                                    x:Name="PART_SelectedContentHost"
                                    Margin="{TemplateBinding Padding}"
                                    ContentSource="SelectedContent"
                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <DataTrigger Binding="{Binding HasAddSouceButton, RelativeSource={RelativeSource Mode=Self}}" Value="True">
                                <Setter TargetName="PART_AddButton" Property="Visibility" Value="Visible" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding HasAddSouceButton, RelativeSource={RelativeSource Mode=Self}}" Value="False">
                                <Setter TargetName="PART_AddButton" Property="Visibility" Value="Collapsed" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="TabItemBaseStyle" TargetType="{x:Type TabItem}">
            <Setter Property="local:CloseTabControlHelper.HasCloseButton" Value="True" />
            <Setter Property="Foreground" Value="{StaticResource Static.Foreground}" />
            <Setter Property="Background" Value="{StaticResource TabItem.Static.Background}" />
            <Setter Property="BorderBrush" Value="{StaticResource TabItem.MouseOver.Background}" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="Width" Value="Auto" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid
                            x:Name="templateRoot"
                            Background="{TemplateBinding Background}"
                            SnapsToDevicePixels="true">
                            <StackPanel Orientation="Horizontal">
                                <ContentPresenter
                                    x:Name="contentPresenter"
                                    Margin="5,8"
                                    HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"
                                    VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"
                                    ContentSource="Header"
                                    Focusable="False"
                                    RecognizesAccessKey="True"
                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                                <!--  关闭按钮  -->
                                <local:CloseButtonExtend
                                    x:Name="PART_Close_TabItem"
                                    Margin="2,0,2,0"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Content="×"
                                    Foreground="{TemplateBinding Foreground}" />
                            </StackPanel>
                        </Grid>
                        <ControlTemplate.Triggers>

                            <!--  是否隐藏关闭按钮  -->
                            <Trigger Property="local:CloseTabControlHelper.HasCloseButton" Value="True">
                                <Setter TargetName="PART_Close_TabItem" Property="Visibility" Value="Visible" />
                            </Trigger>
                            <Trigger Property="local:CloseTabControlHelper.HasCloseButton" Value="False">
                                <Setter TargetName="PART_Close_TabItem" Property="Visibility" Value="Collapsed" />
                            </Trigger>

                            <!--  鼠标悬停  -->
                            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Mode=Self}}" Value="true">
                                <Setter TargetName="templateRoot" Property="Background" Value="{StaticResource TabItem.MouseOver.Background}" />
                            </DataTrigger>

                            <!--  选中选项卡  -->
                            <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource Mode=Self}}" Value="true">
                                <Setter Property="Panel.ZIndex" Value="1" />
                                <Setter Property="Margin" Value="-2,-2,-2,0" />
                                <Setter TargetName="templateRoot" Property="Background" Value="{StaticResource TabItem.MouseOver.Background}" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style BasedOn="{StaticResource TabItemBaseStyle}" TargetType="{x:Type TabItem}" />
    </Application.Resources>
</Application>

5.使用

MainWindow.xaml

<Window
    x:Class="HT.ControlWPF.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:HT.ControlWPF"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    FontSize="14"
    mc:Ignorable="d">
    <Window.DataContext>
        <local:MainWindowViewModel />
    </Window.DataContext>
    <StackPanel>
        <local:CloseTabControl DisplayMemberPath="Header">
            <TabItem Header="标题1">
                <StackPanel Height="100">
                    <TextBlock Foreground="Red" Text="标题1内容" />
                </StackPanel>
            </TabItem>
            <TabItem Header="标题2">
                <StackPanel Height="100">
                    <TextBlock Text="标题2内容" />
                </StackPanel>
            </TabItem>
        </local:CloseTabControl>

        <local:CloseTabControl
            AddSouceOnClick="{DXEvent 'AddSouceOnClick()'}"
            DisplayMemberPath="Header"
            HasAddSouceButton="True"
            HorizontalOffsetSpan="20"
            ItemsSource="{Binding ClaseTabItemInfos, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
            <TabControl.Resources>
                <Style BasedOn="{StaticResource TabItemBaseStyle}" TargetType="{x:Type TabItem}">
                    <!--  设置是否有关闭按钮  -->
                    <Setter Property="local:CloseTabControlHelper.HasCloseButton" Value="True" />
                </Style>
            </TabControl.Resources>
            <local:CloseTabControl.ContentTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}" />
                </DataTemplate>
            </local:CloseTabControl.ContentTemplate>
        </local:CloseTabControl>
    </StackPanel>
</Window>

MainWindowViewModel.cs

using Prism.Commands;
using Prism.Mvvm;
using System.Collections.ObjectModel;
using System.Windows.Input;

namespace HT.ControlWPF
{
    public class MainWindowViewModel : BindableBase
    {
        private ObservableCollection<ClaseTabItemInfo> claseTabItemInfos = new ObservableCollection<ClaseTabItemInfo>()
        {
            new ClaseTabItemInfo ()
            {
                Header="标题1",
                Name="标题1内容"
            },
            new ClaseTabItemInfo ()
            {
                Header="标题2",
                Name="标题2内容"
            },
            new ClaseTabItemInfo ()
            {
                Header="标题3",
                Name="标题3内容"
            },
            new ClaseTabItemInfo ()
            {
                Header="标题4",
                Name="标题4内容"
            }
        };
        public ObservableCollection<ClaseTabItemInfo> ClaseTabItemInfos
        {
            get
            {
                return claseTabItemInfos;
            }
            set
            {
                claseTabItemInfos = value;
                RaisePropertyChanged(nameof(ClaseTabItemInfos));
            }
        }
        public void AddSouceOnClick()
        {
            ClaseTabItemInfos.Add(new ClaseTabItemInfo()
            {
                Header = "新的Header",
                Name = "Hello"
            });
        }
    }
    public class ClaseTabItemInfo : BindableBase
    {
        private string header;
        public string Header
        {
            get
            {
                return header;
            }
            set
            {
                header = value;
                RaisePropertyChanged(nameof(Header));
            }
        }
        private string name;
        public string Name
        {
            get
            {
                return name;
            }
            set
            {
                name = value;
                RaisePropertyChanged(nameof(Name));
            }
        }
    }
}

Now喔
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF 学生成绩管理工具开发笔记（2）— 创建并使用带有关闭功能的TabItem控件
MaFeng
07-02 1640
目录 一、Shell.Xaml前端代码 二、创建带有关闭功能的TabItem继承控件CloseableTabItem 1、选择自定件控件选项建立 CloseableTabItem 派生自TabItem,并注册一个名称为CloseTab 的路由事件 2、为CloseTabItem创建资源字典CloseableTabItemStyle.xaml 3、App.xaml中引用该字典...
WPF XAML语言实现滑动开关示例
04-04
自己用WPF的XAML语言写的一个类似于苹果手机上的滑动按钮的开关，可以直接使用，程序比较简单易懂，没有任何生涩的引用，涉及WPF的资源定义，控件布局，模板自定义，事件触发，动画实现等基本知识，只是新手学习如何利用WPF的强大功能自定义出自己喜欢的风格的控件的一个小实例，仅仅是自学的一个小成果，希望对同样在自学的同学有一点小小的帮助。。。
WPF封装带关闭和左右滑动选项卡控件
01-19
WPF封装带关闭和左右滑动选项卡控件
WPF TabControl Page 新增、关闭、传参、刷新
zhang8907xiaoyue的博客
01-10 6833
一、tabcontrol <TabControl Grid.Row="0" x:Name="tbc_main" ItemsSource="{Binding DataList,Mode=OneWay}" SelectedIndex="{Binding TabSelectedIndex}"> <TabControl.ItemTemplate>...
学习TabControl
12-28 594
学习TabControl网址：http://mahapps.com/controls/tab-control.html
WPF自适应可关闭的TabControl 类似浏览器的标签页
weixin_30800987的博客
06-28 444
效果如图: 虽然说是自适应可关闭的TabControl,但TabControl并不需要改动,不如叫自适应可关闭的TabItem. 大体思路:建一个用户控件,继承自TabItem,里面放个按钮,点击的时候在TabControl中移除自身.在添加,移除TabItem和TabControl尺寸变化时,通过Items的个数计算合适的Width. 新建用户控件 新建用户控件,并继承自Tab...
WPF 自定义控件库 常用控件封装&常用控件样式重写
最新发布
03-26
总结，"WPF 自定义控件库 常用控件封装&常用控件样式重写"涉及到的核心技术包括WPF控件的封装、样式重写和控件库的构建，这些都是提升WPF应用界面设计和用户体验的关键手段。通过深入理解和运用这些知识，开发者能够...
在WPF中动态添加/删除选项卡
04-02
在Windows Presentation Foundation...总之，动态添加和删除选项卡是提升WPF应用程序用户体验的重要手段，它允许用户根据需要查看和管理内容。理解并熟练运用这些方法，将有助于你构建更加高效、用户友好的应用程序。
Tab选项卡控件及Demo源码.zip
06-19
开发者可以通过简单的拖放操作将TabControl添加到窗体，并通过代码或设计工具设置选项卡和内容。而在Java Swing或JavaFX中，也可以找到对应的JTabbedPane和TabPane控件。 在移动应用开发中，iOS的Swift可以使用...
WPF 图片滑动轮播，按钮滑动，左右滑动，下标点击定位
08-05
在Windows Presentation Foundation（WPF）中，图片滑动轮播是一种常见的用户界面元素，用于展示一组图片，并允许用户通过各种交互方式浏览这些图片，如按钮滑动、左右滑动或下标点击定位。这种功能在产品展示、相册...
wpf 自定义 封装的控件
12-09
wpf 自定义 封装的控件
WPF实现超酷样式按钮
12-31
WPF实现超酷样式按钮
wpf实现iphone滑动效果demo
08-03
wpf实现iphone滑动效果demo,效果很尿性
WPF仿苹果菜单按钮效果 源码
10-11
WPF仿苹果菜单按钮效果
【WPF】HandyControl组件库设置ToggleButton滑动开关控件高亮时的颜色不生效
Christine的博客
03-01 699
使用hc:VisualElement.HighlightBrush，但这个属性却一直不生效
如何封装属于自己的WPF控件库
weixin_30697239的博客
10-24 633
在网上找了一下，发现这方面的资料并不多。做传统桌面的本来就不多了吧，更别说WPF了。我可能也要另寻出路了，不过我还是觉得做桌面挺有意思的。 言归正传 首先，新建一个WPF自定义控件库项目 这里我们封装一个支持自己绘制形状的图片按钮，且支持图片和文字。 运行效果如下：（形状是我随便绘的） 将默认的CustomControl1.cs改成ImageButton.cs 这个...
C# WPF可拖拽的TabControl
Dotnet9的专栏
01-17 1368
微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言， 如果对您有所帮助：欢迎赞赏。 C# WPF可拖拽的TabControl 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 本文介绍使用第三方开源库 Dragablz 实现可拖拽的 TabControl，本文代码效果图如下： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K...
WPF 页面左右滑动
10-08
在 WPF 中实现页面左右滑动可以使用 ScrollViewer 控件。首先，将页面的内容放置在一个 ScrollViewer 中，然后设置 ScrollViewer 的 HorizontalScrollBarVisibility 属性为 Auto 或 Visible，这将显示水平滚动条。接下来，可以通过代码或触摸手势来控制滑动。 以下是一个示例的 XAML 代码，演示了如何实现页面左右滑动： ```xaml <ScrollViewer HorizontalScrollBarVisibility="Auto"> <!-- 页面内容 --> </ScrollViewer> ``` 你还可以通过编写代码来在适当的时候滑动页面。例如，你可以使用 ScrollToHorizontalOffset 方法来滚动到指定的水平偏移量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值