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 绑定 单击 选中项 颜色的更多相关文章

  1. select默认选中项颜色为灰色，选择后变为黑色（js实现）

    <script> var unSelected = "#999"; var selected = "#333"; $(function () { $ ...

  2. Windows 10 UWP开发：如何去掉ListView默认的选中效果

    原文:Windows 10 UWP开发:如何去掉ListView默认的选中效果 开发UWP的时候,很多人会碰到一个问题,就是ListView在被数据绑定之后经常有个默认选中的效果,就像这样: 而且它不 ...

  3. LinkBar选中项字体颜色

    通过控制disabledColor样式来控制,选中项字体的颜色.

  4. WPF中ListBox /ListView如何改变选中条背景颜色

    适用ListBox /ListView WPF中LISTVIEW如何改变选中条背景颜色 https://www.cnblogs.com/sjqq/p/7828119.html

  5. WPF中修改ListBox项的样式病修改选中项的背景颜色

    最终效果: 1 <ListBox Name="cmb"> 2 <!--修改颜色--> 3 <ListBox.Resources> 4 <! ...

  6. 2018-12-1-WPF-修改-ItemContainerStyle-鼠标移动到未选中项效果和选中项背景

    title author date CreateTime categories WPF 修改 ItemContainerStyle 鼠标移动到未选中项效果和选中项背景 lindexi 2018-12- ...

  7. 自定义WPF ListBox的选中项样式

    首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBrushKey和HighlightText ...

  8. listview改变选中行字体颜色

    [android]listview改变选中行字体颜色 目标:选中item,其字体设置为#3197FF,未选中的,其字体为#FFFFFF 与listvew设置选中行item背景图片一样,使用select ...

  9. Android高级控件（一）——ListView绑定CheckBox实现全选，增加和删除等功能

    Android高级控件(一)--ListView绑定CheckBox实现全选,增加和删除等功能 这个控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adap ...

随机推荐

  1. WOSA/XFS PTR Form解析库—测试工具预览

  2. Android 如何执行java命令

    android的程序基于java开发,当我们接上调试器,执行adb shell,就可以执行linux命令,但是却并不能执行java命令. 那么在android的shell中是否就不能执行java程序了 ...

  3. IE8不能保存cookie，造成response.redirect死循环的原因

    今天发现部分用户的IE8出现登录时死循环,操作系统是windows server 2008. 最后将登录地址:https://www.xxx/login.aspx加到本地intranet站点中,问题解 ...

  4. CSS 小结笔记之解决flex布局边框对不齐

    在使用flex 进行伸缩布局的时候,经常会给子盒子设置边框,这时经常会出现上下边框对不齐的情况.本篇文章来探讨并解决这个问题. 具体出现的问题如下图所示 具体代码如下 <!DOCTYPE htm ...

  5. 下载 VM 模板

    使用门户或 PowerShell 在 Azure 中创建 VM 时,系统会自动创建一个 Resource Manager 模板. 可以使用此模板快速复制部署. 该模板包含有关资源组中所有资源的信息. ...

  6. 更改 Windows VM 的可用性集

    以下步骤说明如何使用 Azure PowerShell 来更改 VM 的可用性集. 只能在创建 VM 时将 VM 添加到可用性集. 如果要更改可用性集,必须将虚拟机删除,并重新创建虚拟机. 使用 Po ...

  7. SQLSERVER 分区表实战

    背景:对NEWISS数据库创建分区表T_SALES的SQL.按照日期来进行分区步骤:1:创建文件组2:创建数据文件3:创建分区函数4:创建分区方案5:创建表及聚集索引6:导入测试数据(此处略),并查询 ...

  8. The attribute required is undefined for the annotation type XmlElementRef

    异常描述: 几天没用的项目导进Eclipse中发现有异常 public class BooleanFeatureType extends FeatureBaseType{ @XmlElementRef ...

  9. MySQL: Building the best INDEX for a given SELECT

    Table of Contents The ProblemAlgorithmDigressionFirst, some examplesAlgorithm, Step 1 (WHERE "c ...

  10. 将目录结构输出为json格式(zTree)

    # -*- coding: UTF-8 -*- import json,os path = 'E:\\BACKUP' #返回空目录 def path_to_dict(path): d = {'name ...