Tab tùy chỉnh WPF - Các điều khiển không được hiển thị trong Visual Studio Designer

Question

Tôi đã tạo một TabItem tùy chỉnh với một DockPanel và một Nút trong đó.

XAML:

<TabItem 
     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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     mc:Ignorable="d" x:Class="MovieDB.UI.UserControlls.SearchTab" d:DesignWidth="500.038" d:DesignHeight="309.055"> 

    <DockPanel Background="#FFE5E5E5"> 
     <Button x:Name="button" Content="Button" Height="100" Width="75" HorizontalAlignment="Left" VerticalAlignment="Top"/> 
    </DockPanel> 
</TabItem> 

C#:

namespace MovieDB.UI.UserControlls 
{ 
    /// <summary> 
    /// Interaktionslogik für SearchTab.xaml 
    /// </summary> 
    public partial class SearchTab : TabItem 
    { 
     private SearchContainer<SearchMovie> results; 

     public SearchTab() 
     { 
      InitializeComponent(); 
      this.Header = "Suche"; 
     } 

     public SearchTab(SearchContainer<SearchMovie> results):this() 
     { 
      this.updateSearch(results); 
     } 

     public void updateSearch(SearchContainer<SearchMovie> results) 
     { 
      clear(); 
      if(results.TotalResults == 0) 
      { 

      } 
      else 
      { 
       this.results = results; 
       Debug.WriteLine("Results: " + results.Results.Count()); 
      } 
     } 

     private void clear() 
     { 

     } 
    } 
} 

Nếu khởi động chương trình của tôi nút được hiển thị (Ảnh chụp màn hình 2). Nhưng nút và tôi đoán bảng điều khiển của nó mười hai không xuất hiện trong Visual Studio 2015 Designer (Ảnh chụp màn hình 1).

Sự cố ở đâu?

Answer 1

Nếu bạn đặt TabItem trong một TabControl nó hoạt động fine.I nghĩ đó là vấn đề. Nhà thiết kế cần điều khiển điều hướng như TabControl, Window Page, v.v.

<TabControl x:Class="CustomControls.tab" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignWidth="500.038" d:DesignHeight="309.055"> 
<TabItem> 
    <DockPanel Background="#FFE5E5E5"> 
     <Button x:Name="button" Content="Button" Height="100" Width="75" HorizontalAlignment="Left" VerticalAlignment="Top"/> 
    </DockPanel> 
    </TabItem> 
</TabControl> 

Answer 2

Những gì bạn đã làm sẽ hoạt động. Nhưng nó không, và sau đó tôi sẽ cố gắng cho thấy lý do tại sao.

Nhưng trước tiên, cách giải quyết của tôi:

• mở nhà thiết kế, và nhấp chuột phải vào nó,
• chọn: Sửa Templates bổ sung, sau đó Sửa Generated Content, sau đó Tạo Rỗng .. . Đặt tên mới DataTemplate của bạn, hãy nói 'DataTemplate1'

.210

Designer sẽ tạo ra một số mã - một sản phẩm nào DataTemplate với một chìa khóa DataTemplate1, và nó sẽ thêm bạn để TabItem thuộc tính ContentTemplate, với DataTemplate1 gán cho nó (bằng cách DynamicResource).

Bây giờ hãy di chuyển nội dung của số TabItem của bạn tới DataTemplate1. Nhà thiết kế nên hiển thị chính xác bố cục của bạn.

Nếu bạn đóng và mở lại điều khiển SearchTab, bạn sẽ thấy rằng bạn không thể xem lại nội dung. Để có nó trở lại nhấp chuột phải vào nhà thiết kế, chọn Chỉnh sửa mẫu bổ sung, sau đó Chỉnh sửa nội dung đã tạo, sau đó Chỉnh sửa hiện tại.

Tại sao nhà thiết kế không thể tải SearchTab của bạn? Nếu bạn nhấp chuột phải vào nhà thiết kế và chọn Chỉnh sửa mẫu, sau đó Chỉnh sửa bản sao ... bạn sẽ tạo kiểu TabItem. Tiêu đề của TabItem được hiển thị bởi ContentPresenter, trong khi nội dung của TabItem phải được hiển thị bên trong innerBorderBorder.Đường viền này có Opacity được đặt thành 0 và được đổi thành 1 theo MultiTriggers, phụ thuộc vào số TabControl. TabControl trong trường hợp của bạn không tồn tại, vì vậy tất cả các ràng buộc đều bị hỏng. Điều này gợi ý rằng việc thay đổi Style mặc định cho 'TabItem', cũng sẽ giải quyết được vấn đề của bạn.

Answer 3

Mặc dù tôi không có máy dev để làm việc cùng, tôi chỉ có thể đưa ra đề xuất. Đối với bất cứ điều gì bạn muốn kiểm soát mục tab của bạn, tại sao không đặt tất cả điều khiển của bạn trong điều khiển người dùng tùy chỉnh hoặc lưới với tiền đề mà bạn BIẾT bạn sẽ thêm nó vào điều khiển tab được thêm động vào trang tab của bạn.

Mục tab cần kiểm soát tab thích hợp của cha mẹ để hiển thị trong trình thiết kế. Nhưng nếu bạn xây dựng tất cả mọi thứ như là một điều khiển tiêu chuẩn làm cho nó trông và hoạt động như bạn mong đợi.

Sau đó, tại thời gian chạy, thêm mục tab của bạn, sau đó thêm điều khiển tùy chỉnh vào mục tab được thêm động và xem điều đó có phù hợp với bạn hay không. Bạn dường như có tất cả các thành phần/quy trình khác đang hoạt động. Ngay cả khi kiểm soát mẫu của bạn chỉ là một nhãn, hộp văn bản hoặc một cái gì đó tương tự.