WPF ToolBar: cách loại bỏ kẹp và tràn

Trong một WPF ToolBarPanel-ToolBar-Menu lồng nhau, chúng ta muốn loại bỏ phần tay cầm ở bên trái và vùng tràn ở bên phải. cả hai đều bị chuyển sang màu xám, nhưng chúng tôi muốn chúng hoàn toàn không được hiển thị.

bất kỳ ý tưởng về cách thực hiện điều đó?

đề phòng các điều khoản của tôi không hoàn toàn chính xác, nếu bạn nhìn vào hình ảnh trong Hình 3 của liên kết bên dưới, ở phần thấp nhất của ba thanh công cụ, có phần kẹp ở bên trái của menu thả xuống và ở bên phải của ngoài cùng bên phải có phần tràn.

Hình ảnh các thanh công cụ

Có thể tháo báng bằng cách đặt thuộc tính đính kèm ToolBarTray.IsLocked="True"trên Thanh công cụ.

Để loại bỏ Overflow ToggleButton , bạn sẽ phải xóa nó trong ControlTemplate tùy chỉnh như sixlettervariables gợi ý, điều này nếu bạn có kết hợp hoặc có thể tải xuống Bản xem trước hỗn hợp 3 thì không quá khó.

Bạn cũng có thể ẩn nút trong sự kiện được tải của ToolBar, mặc dù bạn đi theo con đường nào, bạn cũng nên đặt thuộc tính đính kèm ToolBar.OverflowMode="Never"trên menu của ToolBar, để các mục không thể vô tình tràn vào vùng không thể truy cập.

<ToolBarPanel DockPanel.Dock="Top">
    <ToolBar ToolBarTray.IsLocked="True" Loaded="ToolBar_Loaded">
        <Menu ToolBar.OverflowMode="Never">
            <MenuItem Header="File" />
            <MenuItem Header="New" />
        </Menu>
    </ToolBar>
</ToolBarPanel>

Và đặt Overflow ToggleButton thành thu gọn:

private void ToolBar_Loaded(object sender, RoutedEventArgs e)
{
    ToolBar toolBar = sender as ToolBar;
    var overflowGrid = toolBar.Template.FindName("OverflowGrid", toolBar) as FrameworkElement;
    if (overflowGrid != null)
    {
        overflowGrid.Visibility = Visibility.Collapsed;
    }
    var mainPanelBorder = toolBar.Template.FindName("MainPanelBorder", toolBar) as FrameworkElement;
    if (mainPanelBorder != null)
    {
        mainPanelBorder.Margin = new Thickness();
    }
}

Bạn có thể sử dụng Blend để ghi đè ControlTemplate cho ToolBarPanel, Menu hoặc ToolBar.

1. Nhấp chuột phải vào Thanh công cụ và chọn Chỉnh sửa Mẫu
2. Từ Chỉnh sửa Mẫu, hãy chọn Chỉnh sửa Bản sao
3. Tôi khuyên bạn nên thêm bản sao vào Từ điển tài nguyên
4. Bấm Ok

Bây giờ, bạn sẽ chỉnh sửa mẫu điều khiển cho ToolBarPanel và có thể đặt khả năng hiển thị thành Thu gọn cho phần bám và tín hiệu tràn. Bạn có thể rửa sạch và lặp lại cho các điều khiển khác. Nó hơi tốn thời gian, nhưng không quá khó với Blend.

Bạn có thể "loại bỏ" phần tràn mà không cần cung cấp mẫu điều khiển mới bằng cách thiết lập ToolBarđể có lề phải âm (và ném vào lề trái âm để nó trông không kỳ quặc với các cạnh trái tròn nhưng các cạnh phải vuông). Sau đó, thêm ClipToBounds="True"vào ToolBarPanelđó sẽ cắt bỏ các cạnh của thanh công cụ hiện đang nằm bên ngoài khu vực của bảng điều khiển.

<ToolBarPanel Grid.Row="0" ClipToBounds="True">
    <ToolBar ToolBarTray.IsLocked="True" Margin="-5,0,-13,0" Padding="5,0,0,0">
    . . .

Thay vì ẩn hoàn toàn nút tràn, tôi nghĩ chỉ nên hiển thị nó khi cần thiết. Điều này có thể được thực hiện bằng cách ràng buộc Visibilitytài sản của nó với IsEnabledtài sản của nó :

private static void FixupToolBarOverflowArrow(ToolBar toolBar)
{
    Action fixup = () =>
    {
        var overflowButton = toolBar.Template.FindName("OverflowButton", toolBar) as ButtonBase;
        if (overflowButton != null)
        {
            overflowButton.SetBinding(
                VisibilityProperty,
                new Binding("IsEnabled")
                {
                    RelativeSource = RelativeSource.Self,
                    Converter = new BooleanToVisibilityConverter()
                });
        }
    };

    if (toolBar.IsLoaded)
    {
        fixup();
    }
    else
    {
        RoutedEventHandler handler = null;
        handler = (sender, e) =>
        {
            fixup();
            toolBar.Loaded -= handler;
        };

        toolBar.Loaded += handler;
    }
}

(điều tương tự có thể được thực hiện trong XAML bằng cách xác định lại mẫu)

Tôi chỉ mới bắt đầu với WPF và không thể lấy bất kỳ phương pháp nào ở trên để ẩn mũi tên tràn của tôi (Visual Studio 2010). Điều duy nhất có vẻ ảnh hưởng đến mũi tên là ví dụ Toolbar_Load ở trên nhưng tất cả những gì đã làm là biến mũi tên thành một khoảng trống trông xấu như mũi tên. Cách dễ nhất mà tôi có thể hình dung là chỉ đặt lề của thanh công cụ.

<ToolBar Height="26" 
         Name="toolBar" 
         DockPanel.Dock="Top" 
         ToolBarTray.IsLocked="True" 
         ToolBar.OverflowMode="Never"        <!-- no effect -->
         Margin="0,0,-13,0">                 <!-- worked -->
         <Menu ToolBar.OverflowMode="Never"> <!-- no affect -->
             <MenuItem Header="_File"></MenuItem>
         </Menu>
</ToolBar>

Các phương thức trên hoạt động để ẩn phần tràn; Tôi đã sử dụng những điều sau để ẩn bộ kẹp:

         <Label Height="44" Width="30" Background="{StaticResource CtrlBackground}" Margin="-20,0,0,0"></Label>

cho một bố cục Ngang và

         <Label Height="44" Width="230" Background="{StaticResource CtrlBackground}" Margin="0,-20,0,0" HorizontalAlignment="Left"></Label>

cho một bố cục dọc. Đặt ở trên sau Thanh công cụ (hoặc Thanh công cụ, nếu sử dụng)

Sử dụng bất kỳ Chiều rộng và Chiều cao nào cần thiết cho các nút của bạn.

Kaxaml rất xuất sắc khi chơi với thứ này.