當它作為專案添加到串列視圖時，我試圖克服超鏈接按鈕控制元件的問題。
當未選擇該專案時，控制元件顯示得很好（默認前景為黑色），但是一旦選擇了串列視圖專案，其內容背景就會變為深藍色，因此很難閱讀里面的任何黑色文本，串列視圖項內的任何文本塊控制元件，其前景屬性（文本顏色）自動更改為白色（這是默認系統行為），問題是，該串列視圖內的超鏈接按鈕不會發生同樣的事情物品。
請注意，當未選擇時，超鏈接按鈕具有透明背景，就像文本塊一樣，但無論是否選擇包含它的串列視圖項，前景色始終保持黑色。
為了克服這個問題，我嘗試在超鏈接按鈕內容中創建一個文本塊來顯示文本并將其前景屬性系結到串列視圖項中的另一個文本塊，該專案默認情況下會正確更改其前景，但系結似乎不起作用，它只設定該值一次然后不再更新，每當串列視圖項被選擇或取消選擇時，系結不會反映源代碼管理前景屬性的當前前景值。
我在下面提供了一個示例代碼來重現我的問題。
<ListView x:Name="Employees_List_View" BorderThickness="1" BorderBrush="{ThemeResource SystemControlForegroundBaseMediumLowBrush}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
SelectionMode="Extended" ItemsSource="{x:Bind contact_data_model.contacts}">
<ListView.ItemTemplate>
<DataTemplate>
<Grid Height="50" Margin="0 7 0 7">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="80"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="20"/>
<RowDefinition Height="30"/>
</Grid.RowDefinitions>
<TextBlock FontWeight="Bold" FontSize="16" Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Text="{Binding Name}"></TextBlock>
<TextBlock x:Name="TelelphoneNumberTextBlock" FontSize="12" Grid.Row="1" Grid.Column="1" Text="{Binding TelephoneNumber}" VerticalAlignment="Center"/>
<HyperlinkButton VerticalAlignment="Center" HorizontalAlignment="Center" Click="HyperlinkButton_Click" FontSize="12" Grid.Row="1" Grid.Column="2">
<TextBlock Opacity="1" Foreground="{Binding Foreground, ElementName=TelelphoneNumberTextBlock, Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="12" Grid.Row="1" Grid.Column="2" Text="{Binding EmailInfo}"/>
</HyperlinkButton>
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
我的問題可能很容易解決，但我已經搜索了很多，但沒有成功找到解決這個特定問題的方法。
我能想出的解決這種情況的唯一方法是將超鏈接按鈕不透明度內的文本塊設定為 0（因此超鏈接按鈕自動調整大小仍然按預期作業）并在按鈕頂部創建一個具有相同文本的新文本塊并將其定位為按鈕本身，例如：
...
<TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="12" Grid.Row="1" Grid.Column="2" Text="{Binding EmailInfo}"/>
<HyperlinkButton VerticalAlignment="Center" HorizontalAlignment="Center" Click="HyperlinkButton_Click" FontSize="12" Grid.Row="1" Grid.Column="2">
<TextBlock Opacity="0" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="12" Grid.Row="1" Grid.Column="2" Text="{Binding EmailInfo}"/>
</HyperlinkButton>
...
這個解決方案是丑陋和駭人聽聞的。我肯定有一個更優雅的解決方案來解決這個問題，但我搜索的所有內容都沒有觸及這個非常具體的問題，而且我的 xaml 知識非常有限。
這個問題的正確 XAML 解決方案是什么？
uj5u.com熱心網友回復：
更新：
以下是在選擇 ListViewItem 時更改 HyperlinkBtn 前景色的步驟。
- 您需要為 HyperlinkBut??ton 命名，
HyperlinkBtn以便您可以在ListView.SelectionChanged event. - 創建一個用于保存最后選擇的 HyperlinkBut??ton 的變數。
- 您可以在 SelectionChanged 事件中獲取所選專案，現在您可以根據需要更改其前景色。
- 將之前選擇的專案顏色改回正常顏色。
這是您可以參考的代碼：
public HyperlinkButton previousItem { get; set; }
private void Employees_List_View_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
var _Container = Employees_List_View.ContainerFromItem(Employees_List_View.SelectedItem);
//get the hyperlink button
var HyperlinkBtn = (HyperlinkButton)FindMyChildByName(_Container, "HyperlinkBtn");
// change the foreground as you want
HyperlinkBtn.Foreground = new SolidColorBrush(Colors.Green);
if (previousItem != null)
{
//change the previous one back to red color if there is a previous one
previousItem.Foreground= new SolidColorBrush(Colors.Red);
}
//record the new Item as previousItem
previousItem = HyperlinkBtn;
}
public static DependencyObject FindMyChildByName(DependencyObject parant, string ControlName)
{
int count = VisualTreeHelper.GetChildrenCount(parant);
for (int i = 0; i < count; i )
{
var MyChild = VisualTreeHelper.GetChild(parant, i);
if (MyChild is FrameworkElement && ((FrameworkElement)MyChild).Name == ControlName)
return MyChild;
var FindResult = FindMyChildByName(MyChild, ControlName);
if (FindResult != null)
return FindResult;
}
return null;
}
對于您的場景，我建議您覆寫HyperlinkBut??ton的默認樣式。您可以將樣式中HyperlinkBut??ton的前景色更改為您想要的任何顏色。您還可以更改樣式中HyperlinkBut??ton 的其他行為。
這是我制作的示例，我更改了不同狀態的前景色。正常時為紅色，指標懸停時為黃色，按下時為藍色。
Xml：
<Page.Resources>
<Style x:Key="HyperlinkButtonStyle1" TargetType="HyperlinkButton">
<Setter Property="Background" Value="{ThemeResource HyperlinkButtonBackground}"/>
<Setter Property="BackgroundSizing" Value="OuterBorderEdge"/>
<Setter Property="Foreground" Value="Red"/>
<Setter Property="BorderBrush" Value="{ThemeResource HyperlinkButtonBorderBrush}"/>
<Setter Property="BorderThickness" Value="{ThemeResource HyperlinkButtonBorderThemeThickness}"/>
<Setter Property="Padding" Value="{StaticResource HyperlinkButtonPadding}"/>
<Setter Property="HorizontalAlignment" Value="Left"/>
<Setter Property="VerticalAlignment" Value="Center"/>
<Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
<Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
<Setter Property="UseSystemFocusVisuals" Value="{StaticResource UseSystemFocusVisuals}"/>
<Setter Property="FocusVisualMargin" Value="-3"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="HyperlinkButton">
<ContentPresenter x:Name="ContentPresenter" AutomationProperties.AccessibilityView="Raw"
BackgroundSizing="{TemplateBinding BackgroundSizing}"
Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{TemplateBinding BorderBrush}"
ContentTemplate="{TemplateBinding ContentTemplate}"
Content="{TemplateBinding Content}" CornerRadius="{TemplateBinding CornerRadius}"
ContentTransitions="{TemplateBinding ContentTransitions}"
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="PointerOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
<DiscreteObjectKeyFrame KeyTime="0" Value="Yellow"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBackgroundPointerOver}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushPointerOver}"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
<DiscreteObjectKeyFrame KeyTime="0" Value="Blue"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBackgroundPressed}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushPressed}"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonForegroundDisabled}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBackgroundDisabled}"/>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushDisabled}"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</ContentPresenter>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
并像這樣使用它：
<HyperlinkButton Style="{StaticResource HyperlinkButtonStyle1}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="12" Grid.Row="1" Grid.Column="2" Content="{Binding EmailInfo}">
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/369837.html
上一篇：Uno平臺：未找到匯入的專案