UWP ListView 绑定单击选中项颜色

refer: https://www.cnblogs.com/lonelyxmas/p/7650259.html

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Diagnostics;

using System.IO;

using System.Linq;

using System.Runtime.InteropServices.WindowsRuntime;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.UI.Popups;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409

namespace TestTaobao

{

    /// <summary>

    /// An empty page that can be used on its own or navigated to within a Frame.

    /// </summary>

    public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

            listView.DataContext = listData;

            bindData();//?????????

            Loaded += MainPage_Loaded;

        }

        ObservableCollection<data> listData = new ObservableCollection<data>();//????????????   

         private void MainPage_Loaded(object sender, RoutedEventArgs e)

        {

        }

        void bindData()

        {

            listData.Add(new data() { title = "ttttt1", picUrl = "Assets/3.png" });

            listData.Add(new data() { title = "ttttt1", picUrl = "Assets/3.png" });

            listData.Add(new data() { title = "ttttt1", picUrl = "Assets/3.png" });

            listData.Add(new data() { title = "ttttt1", picUrl = "Assets/3.png" });

            listView.ItemsSource = listData;

        }

        private async  void Button_Click(object sender, RoutedEventArgs e)

        {

            bindData();

           // var  s= await  web.InvokeScriptAsync("eval",new string[] { "document.cookie;"});

           // new MessageDialog(s).ShowAsync();

        }

        public class data

        {

            public string title { get; set; }

            public string picUrl { get; set; }

        }

        private void listView_ItemClick(object sender, ItemClickEventArgs e)

        {

            new MessageDialog("" + (e.ClickedItem as data).picUrl).ShowAsync();

            listView.SelectedItem=null ;

        }

    }

}

/*-----------UI--------------------------------------------*/

     <Page

    x:Class="TestTaobao.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:TestTaobao"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" >

    <Page.Resources>

        <Style x:Name="MyListViewItemStyle" TargetType="ListViewItem">

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="ListBoxItem">

                        <Grid Background="{TemplateBinding Background}">

                            <VisualStateManager.VisualStateGroups>

                                <VisualStateGroup>

                                    <!--????-->

                                    <VisualState x:Name="Normal" />

                                    <!--????????-->

                                    <VisualState x:Name="PointerOver">

                                        <Storyboard>

                                            <ObjectAnimationUsingKeyFrames

                        Storyboard.TargetName="ContentBackground"

                        Storyboard.TargetProperty="Background">

                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Red" />

                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>

                                    </VisualState>

                                </VisualStateGroup>

                            </VisualStateManager.VisualStateGroups>

                            <Grid x:Name="ContentBackground">

                                <ContentPresenter

                  Content="{TemplateBinding Content}"

                  Margin="{TemplateBinding Padding}" />

                            </Grid>

                        </Grid>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

    </Page.Resources>

    <Grid>

        <ListView Name="listView"  IsItemClickEnabled="True" ItemsSource="{Binding}" Background="WhiteSmoke" ItemClick="listView_ItemClick"  SelectionMode="None">

            <ListView.Resources>

                <Style x:Key="ListViewItemStyle1" TargetType="ListViewItem">

                    <!--HorizontalContentAlignment ListViewItem ??????-->

                    <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />

                    <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />

                    <Setter Property="Background" Value="{ThemeResource ListViewItemBackground}" />

                    <Setter Property="Foreground" Value="{ThemeResource ListViewItemForeground}" />

                    <Setter Property="TabNavigation" Value="Local" />

                    <Setter Property="IsHoldingEnabled" Value="True" />

                    <Setter Property="Padding" Value="12,0,12,0" />

                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />

                    <Setter Property="VerticalContentAlignment" Value="Center" />

                    <Setter Property="MinWidth" Value="{ThemeResource ListViewItemMinWidth}" />

                    <Setter Property="MinHeight" Value="{ThemeResource ListViewItemMinHeight}" />

                    <Setter Property="AllowDrop" Value="False" />

                    <Setter Property="UseSystemFocusVisuals" Value="True" />

                    <Setter Property="FocusVisualMargin" Value="0" />

                    <Setter Property="FocusVisualPrimaryBrush" Value="{ThemeResource ListViewItemFocusVisualPrimaryBrush}" />

                    <Setter Property="FocusVisualPrimaryThickness" Value="2" />

                    <Setter Property="FocusVisualSecondaryBrush" Value="{ThemeResource ListViewItemFocusVisualSecondaryBrush}" />

                    <Setter Property="FocusVisualSecondaryThickness" Value="1" />

                    <Setter Property="Template">

                        <Setter.Value>

                            <ControlTemplate TargetType="ListViewItem">

                                <ListViewItemPresenter

                                    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"

                                    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"

                                    CheckBoxBrush="{ThemeResource ListViewItemCheckBoxBrush}"

                                    CheckBrush="{ThemeResource ListViewItemCheckBrush}"

                                    CheckMode="{ThemeResource ListViewItemCheckMode}"

                                    ContentMargin="{TemplateBinding Padding}"

                                    ContentTransitions="{TemplateBinding ContentTransitions}"

                                    Control.IsTemplateFocusTarget="True"

                                    DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}"

                                    DragBackground="{ThemeResource ListViewItemDragBackground}"

                                    DragForeground="{ThemeResource ListViewItemDragForeground}"

                                    DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}"

                                    FocusBorderBrush="{ThemeResource ListViewItemFocusBorderBrush}"

                                    FocusSecondaryBorderBrush="{ThemeResource ListViewItemFocusSecondaryBorderBrush}"

                                    FocusVisualMargin="{TemplateBinding FocusVisualMargin}"

                                    FocusVisualPrimaryBrush="{TemplateBinding FocusVisualPrimaryBrush}"

                                    FocusVisualPrimaryThickness="{TemplateBinding FocusVisualPrimaryThickness}"

                                    FocusVisualSecondaryBrush="{TemplateBinding FocusVisualSecondaryBrush}"

                                    FocusVisualSecondaryThickness="{TemplateBinding FocusVisualSecondaryThickness}"

                                    PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackground}"

                                    PointerOverBackground="Green"

                                    PointerOverForeground="{ThemeResource ListViewItemForegroundPointerOver}"

                                    PressedBackground="#FFFFAA"

                                    ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}"

                                    SelectedBackground="#FFFFAA"

                                    SelectedForeground="{ThemeResource ListViewItemForegroundSelected}"

                                    SelectedPointerOverBackground="Red"

                                    SelectedPressedBackground="#FFFFAA"

                                    SelectionCheckMarkVisualEnabled="{ThemeResource ListViewItemSelectionCheckMarkVisualEnabled}" />

                                <!--

                                    PointerOverBackground ????????;SelectedBackground ??????;SelectedPressedBackground ?????????;

                                    PressedBackground ??????????;SelectedPointerOverBackground ????????????

                                -->

                            </ControlTemplate>

                        </Setter.Value>

                    </Setter>

                </Style>

            </ListView.Resources>

            <ListView.ItemContainerStyle>

                <StaticResource ResourceKey="ListViewItemStyle1" />

            </ListView.ItemContainerStyle>

            <ListView.ItemTemplate>

                <DataTemplate>

                    <Grid  x:Name="tpbg"   Width="232"  Height="270" Margin="0,8,0,12">

                        <Grid.Triggers>

                            <EventTrigger RoutedEvent="Grid.Loaded">

                                <EventTrigger.Actions>

                                    <BeginStoryboard>

                                        <Storyboard  x:Name="graphAnimation" x:Uid="sb">

                                            <DoubleAnimation Duration="0:0:2" From="0" To="1" Storyboard.TargetName="tpbg" Storyboard.TargetProperty="Grid.Opacity"></DoubleAnimation>

                                        </Storyboard>

                                    </BeginStoryboard>

                                </EventTrigger.Actions>

                            </EventTrigger>

                            <!--??????????-->

                            <!--<EventTrigger RoutedEvent="Grid.Unloaded">

                                <EventTrigger.Actions>

                                    <BeginStoryboard >

                                        <Storyboard>

                                            -->

                            <!--<DoubleAnimation Duration="0:0:2" From="1" To="0.5" Storyboard.TargetName="tpbg" Storyboard.TargetProperty="Grid.Opacity"></DoubleAnimation>-->

                            <!--<ColorAnimation From="AliceBlue" To="White" Storyboard.TargetName="tpbg" Storyboard.TargetProperty="(Grid.Background).(SolidColorBrush.Color)"></ColorAnimation>-->

                            <!--

                                        </Storyboard>

                                    </BeginStoryboard>

                                </EventTrigger.Actions>

                            </EventTrigger>-->

                        </Grid.Triggers>

                        <Rectangle RadiusX="8" RadiusY="8" Fill="White"></Rectangle>

                        <Image Stretch="Fill" Source="Assets/3.png" Margin="0,2,0,0" HorizontalAlignment="Center" Height="170" VerticalAlignment="Top"/>

                        <Rectangle RadiusX="8" RadiusY="8"  Height="23" Width="78" Fill="Red"  HorizontalAlignment="Left" Margin="0,210,0,0" VerticalAlignment="Top"></Rectangle>

                        <TextBlock Foreground="Gray" FontSize="16" Text="????????????" VerticalAlignment="Top" Margin="7,180,0,0" HorizontalAlignment="Left"  />

                        <TextBlock Foreground="White" FontSize="12" Text="34.66" VerticalAlignment="Top" Margin="8,213,0,0" HorizontalAlignment="Left" Width="50" />

                        <TextBlock Foreground="Gray" FontSize="12" Text="34.66" VerticalAlignment="Top" Margin="7,250,0,0" HorizontalAlignment="Left" Width="51" />

                        <TextBlock Foreground="Gray" FontSize="12" Text="??238?" VerticalAlignment="Top" Margin="97,250,0,0" HorizontalAlignment="Left" Width="45" />

                    </Grid>

                        <!--<Image Stretch="UniformToFill" Width="190"  Height="250" Source="{Binding picUrl}"></Image>

                        <TextBlock Text="{Binding title}"></TextBlock>-->

                </DataTemplate>

            </ListView.ItemTemplate>

            <ListView.ItemsPanel>

                <ItemsPanelTemplate>

                    <ItemsWrapGrid MaximumRowsOrColumns="8" Orientation="Horizontal"></ItemsWrapGrid>

                </ItemsPanelTemplate>

            </ListView.ItemsPanel>

        </ListView>

        <Button HorizontalAlignment="Left" Height="94" Margin="0,0,0,274" VerticalAlignment="Bottom" Width="415" Click="Button_Click" PointerEntered="Button_PointerEntered">gfggfgf</Button>

        <Grid  x:Name="tpbg444"   Width="232" HorizontalAlignment="Left" Height="270" VerticalAlignment="Top">

            <Rectangle RadiusX="8" RadiusY="8" Fill="White"></Rectangle>

            <Image Stretch="Fill" Source="Assets/3.png" Margin="0,2,0,0" HorizontalAlignment="Center" Height="170" VerticalAlignment="Top"/>

            <Rectangle RadiusX="8" RadiusY="8"  Height="23" Width="78" Fill="Red"  HorizontalAlignment="Left" Margin="0,210,0,0" VerticalAlignment="Top"></Rectangle>

            <TextBlock Foreground="Gray" FontSize="16" Text="????????????" VerticalAlignment="Top" Margin="7,180,0,0" HorizontalAlignment="Left"  />

            <TextBlock Foreground="White" FontSize="12" Text="34.66" VerticalAlignment="Top" Margin="8,213,0,0" HorizontalAlignment="Left" Width="50" />

            <TextBlock Foreground="Gray" FontSize="12" Text="34.66" VerticalAlignment="Top" Margin="7,250,0,0" HorizontalAlignment="Left" Width="51" />

            <TextBlock Foreground="Gray" FontSize="12" Text="??238?" VerticalAlignment="Top" Margin="97,250,0,0" HorizontalAlignment="Left" Width="45" />

        </Grid>

    </Grid>

</Page>

UWP ListView 绑定单击选中项颜色的更多相关文章

select默认选中项颜色为灰色，选择后变为黑色（js实现）
<script> var unSelected = "#999"; var selected = "#333"; $(function () { $ ...
Windows 10 UWP开发：如何去掉ListView默认的选中效果
原文:Windows 10 UWP开发:如何去掉ListView默认的选中效果开发UWP的时候,很多人会碰到一个问题,就是ListView在被数据绑定之后经常有个默认选中的效果,就像这样: 而且它不 ...
LinkBar选中项字体颜色
通过控制disabledColor样式来控制,选中项字体的颜色.
WPF中ListBox /ListView如何改变选中条背景颜色
适用ListBox /ListView WPF中LISTVIEW如何改变选中条背景颜色 https://www.cnblogs.com/sjqq/p/7828119.html
WPF中修改ListBox项的样式病修改选中项的背景颜色
最终效果: 1 <ListBox Name="cmb"> 2  3 <ListBox.Resources> 4 <! ...
2018-12-1-WPF-修改-ItemContainerStyle-鼠标移动到未选中项效果和选中项背景
title author date CreateTime categories WPF 修改 ItemContainerStyle 鼠标移动到未选中项效果和选中项背景 lindexi 2018-12- ...
自定义WPF ListBox的选中项样式
首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBrushKey和HighlightText ...
listview改变选中行字体颜色
[android]listview改变选中行字体颜色目标:选中item,其字体设置为#3197FF,未选中的,其字体为#FFFFFF 与listvew设置选中行item背景图片一样,使用select ...
Android高级控件（一）——ListView绑定CheckBox实现全选，增加和删除等功能
Android高级控件(一)--ListView绑定CheckBox实现全选,增加和删除等功能这个控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adap ...

随机推荐

Nginx基本的安全优化
为了防止nginx出现软件漏洞,我们要对nginx软件服务加强一些安全性,下面就介绍一下基本的安全优化 1.隐藏nginx版本号: 想要隐藏,首先我们要了解所使用软件的版本号,我们可以在Linux中查 ...
loadrunner 脚本开发- web_url函数详解
脚本开发- web_url函数详解 by:授客 QQ:1033553122 加载指定url的web页面(GET请求) C语言函数 int web_url( const char *StepName ...
Html5+离线打包创建本地消息
自己离线打包Html5+ Runtime,通常是导入SDK的Hello实例,然后修改.在做消息通知功能时,使用push.createMessage不起作用. 首先参考Android平台离线打包推送插件 ...
Expo大作战(十四)--expo中消息推送的实现
简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网我猜去全部机翻+个人 ...
UIAutomator环境搭建
目录下载.安装JDK&配置Java环境变量下载.安装SDK.ADT&配置Android环境变量下载.安装ANT&配置ANT环境变量创建UIAutomator工程 UIA ...
Oracle EBS 自治事务
自治事务程序主要是自主性,那就是,独立于主要的事务.之所以独立,或者提交之后会影响其他事务处理,本质在于它本身符合编译指令的规则,也就是说它属于在编译阶段就执行的指令,而不是在运行阶段执行的. 当自治 ...
SQL Server 跨网段（跨机房）通过备份文件初始化复制
笔者最近碰到了需要搭建跨网段的SQL Server复制,实际的拓扑结构如下草图所示: 发布端A服务器位于CDC机房中订阅端B服务器位于阿里云因为SQL Server复制不支持通过IP连接分发服务器 ...
python自学——文件处理（截取文件内容）
#截断文件内容使用的函数为truncate()来截断文件中的内容# 注意当truncate()括号内没有定义对象时则会删除文件内容:当括号内为指定某个条件时文件会截取从0到指定位置的内容f=open( ...
IE中操作粘贴板复制和粘贴
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
sysbench安装、使用、结果解读
sysbench是一个模块化的.跨平台.多线程基准测试工具,主要用于评估测试各种不同系统参数下的数据库负载情况.目前sysbench代码托管在github上,项目地址:https://github.c ...

UWP ListView 绑定 单击 选中项 颜色

UWP ListView 绑定 单击 选中项 颜色的更多相关文章

随机推荐

热门专题

UWP ListView 绑定单击选中项颜色

UWP ListView 绑定单击选中项颜色的更多相关文章