我想在我的浏览器中实现 TabControl 的样式,就像在 chrome 中一样。选项卡的数量不固定,因此我希望选项卡标题根据选项卡的数量减少。
为此,我将 DataTemplate 中 Grid 的宽度绑定到选项卡的数量,该数量被传递给转换器,该转换器返回实际宽度。
但是由于某种原因这不起作用,我知道 TabItemCount 被准确地传递给转换器。如果转换器返回一个固定值,那么没有什么可以阻止选项卡调整大小
风格:
<Style Selector="TabControl">
<Setter Property="BorderThickness" Value="0"></Setter>
<Setter Property="ItemsPanel">
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"
Height="50"
Margin="10,-5,-10,5"></StackPanel>
</ItemsPanelTemplate>
</Setter>
<Setter Property="ContentTemplate">
<DataTemplate DataType="vm:WebsiteTabVM">
<views:WebsiteTab></views:WebsiteTab>
</DataTemplate>
</Setter>
<Setter Property="ItemTemplate">
<DataTemplate DataType="vm:TabVM">
<Grid Width="{Binding DataContext.TabItemCount,
Converter={StaticResource CountToWidthConverter},
RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TabControl}}}"
HorizontalAlignment="Center" VerticalAlignment="Center"
Margin="5">
<!--ItemTemplate-->
CountToWidth 转换器:
using Avalonia.Data.Converters;
using System;
namespace SimpleBrowser.Helpers
{
public class CountToWidthConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
return 1000 / (int)value;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
}
MainVM,它有一个 tabs 属性的计数:
using Avalonia.Controls;
using Microsoft.Toolkit.Mvvm.Input;
using ReactiveUI;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Windows.Input;
using System.Linq;
namespace SimpleBrowser.ViewModels
{
public class MainVM : ViewModelBase
{
public MainVM()
{
TabVMs = new ObservableCollection<TabVM>();
TabVMs.Add(new WebsiteTabVM());
TabVMs.Add(new WebsiteTabVM() {Name="Test tab withbigtext"});
TabVMs.Add(new WebsiteTabVM());
TabVMs.Add(new WebsiteTabVM());
SortTabs();
}
private ObservableCollection<TabVM> _tabVMs;
public ObservableCollection<TabVM> TabVMs
{
get { return _tabVMs; }
set
{
this.RaiseAndSetIfChanged(ref _tabVMs, value);
TabItemCount = TabVMs.Count;
}
}
private double _tabItemCount;
public double TabItemCount
{
get { return _tabItemCount; }
set { this.RaiseAndSetIfChanged(ref _tabItemCount, value); }
}
#region Command
private ICommand _addNewTab;
public ICommand AddNewTab
{
get
{
return _addNewTab ??= new RelayCommand(() =>
{
TabVMs.Add(new WebsiteTabVM());
SortTabs();
});
}
}
private ICommand _removeTab;
public ICommand RemoveTab
{
get
{
return _removeTab ??= new RelayCommand<int>(obj =>
{
TabVMs.RemoveAt(obj);
SortTabs();
});
}
}
#endregion
public void SortTabs()
{
for (int i = 0; i < TabVMs.Count; i++)
{
TabVMs[i].Index = i;
TabVMs[i].IsTabLast = false;
}
TabVMs.Last().IsTabLast = true;
TabItemCount = TabVMs.Count;
}
}
}
如果您需要更多代码,我一定会为您提供。感谢您考虑我的要求