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

随机推荐

python 日志打印之logging使用介绍
python 日志打印之logging使用介绍 by:授客QQ:1033553122 测试环境: Python版本:Python 2.7 简单的将日志打印到屏幕 import logging lo ...
使用Picasso将加载的图片变成圆形
http://blog.it985.com/14794.html,感谢该作者 Picasso的GITHUB地址:https://github.com/square/picasso. 怎么实现各种各样的 ...
测试sql server服务是否配置正确
最简单的方法: 新建一个testdb.udl文件,双击可出现测试界面
Sql 中存储过程详细案例
转自:http://www.cnblogs.com/yank/p/4235609.html 概念存储过程(Stored Procedure):已预编译为一个可执行过程的一个或多个SQL语句. 创建存 ...
mssql 监控随笔
性能监控列表: • Memory: Pages/sec ( 从硬盘上读取或写入硬盘的页数(参考值:00~20) • Physical Disk: % Disk time 或 Physi ...
Java 如何启用 ARM 虚拟机诊断
现象描述如何通过 Java 语言实现在创建 ARM 虚拟机时开启诊断,并配置相关指标. 实现思路调研最高版本的 JAVA SDK(1.1.0)源码发现,SDK 层面并未提供任启动诊断和配置诊断 ...
js实现双向链表
1.概念上一个文章里我们已经了解到链表结构,链表的特点是长度不固定,不用担心插入新元素的时候新增位置的问题.插入一个元素的时候,只要找到插入点就可以了,不需要整体移动整个结构. 这里我们了解一下双向 ...
转：在ASP.NET MVC中通过URL路由实现对多语言的支持
对于一个需要支持多语言的Web应用,一个很常见的使用方式就是通过请求地址来控制界面呈现所基于的语言文化,比如我们在表示请求地址的URL中将上语言文化代码(比如en或者en-US)来指导服务器应该采用怎 ...
sql server数据导入导出方法统计
常用的数据量不是很大的情况的几种方法:转载地址 http://www.cnblogs.com/changbluesky/archive/2010/06/23/1761779.html 大数据量的推荐导 ...
postMessage 消息传递
点击查看demo 前言 web开发了,除了前台与服务器交换数据,还有可能前台页面间需要进行数据传递,比如窗口间,页面和嵌套的iframe间.这些问题之前都有解决办法,但是现在html5引入的messa ...

UWP ListView 绑定 单击 选中项 颜色

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

随机推荐

热门专题

UWP ListView 绑定单击选中项颜色

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