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 ...

随机推荐

EasyUI 通过 Combobox 实现 AutoComplete 效果
朋友在做一个web程序,用的EasyUI框架,让我帮忙实现一个自动提示功能.由于之前我也没用过EasyUI框架,就想到了jQueryUI有 AutoComplete 插件,就想直接拿过来用. 但当我将 ...
安装Wamp时出现无法启动此程序,因为计算机中丢失MSVCR110.dll
一.问题描述安装Wamp时出现无法启动此程序,因为计算机中丢失MSVCR110.dll 二.解决方法首先进入 http://www.microsoft.com/zh-CN/download/det ...
RecyclerView源码解析 - 分割线
猜想: 既然考虑了分割线,那么子View在测量时候肯定要去考虑分割线留出的位置直接measureChild()方法猜想: 分割线会调用绘制的方法 onDraw()
UWP开发细节记录：判断文件类型
StorageFile.ContentType 属性,是 string 类型,用来表示文件内容的 MIME 类型.例如,音乐文件可能有 "audio/mpeg" MIME 类型.( ...
maven 学习笔记--仓库，聚合和继承，私服搭建
仓库 http://blog.csdn.net/wanghantong/article/details/36427433 聚合和继承 http://www.cnblogs.com/xdp-gacl/p ...
Prometheus Node_exporter 之 Network Sockstat
Network Sockstat proc/net/sockstat 1. Sockstat TCP type: GraphUnit: shortLabel: SocketsTCP_alloc - 已 ...
MySql服务的启动和停止
1.启动:net start mysql; 2.停止:net stop mysql.
VUE中v-on:click事件中获取当前dom元素
在开发中总是忘记, 特意在此记录关键字: $event <div class="bed" v-on:click="updateBed(index,$e ...
MySQL 8.0有什么新功能
https://mysqlserverteam.com/whats-new-in-mysql-8-0-generally-available/ 我们自豪地宣布MySQL 8.0的一般可用性. 现在下载 ...
MySQL crash-safe replication(1)
MySQL 5.6 对复制功能提供了新特性:slave 支持 crash-safe,可以解决之前版本中系统异常断电可能导致的 SQL thread 信息不准确的问题. 原文:Enabling cras ...

UWP ListView 绑定 单击 选中项 颜色

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

随机推荐

热门专题

UWP ListView 绑定单击选中项颜色

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