In my previous post (UWP: XAML's ListView Control and its SelectionChanged event - Part 1) you learnt the following:
Part 1
The following image shows the app after a successful run. This displays how the app is displayed at this stage:
JListView_23
This next image shows the effect of the SelectionChanged event.
JListView_28
You could set the FontSize properties in design as shown.To start with all the ListViewItem's FontSize was 15px and FontFamily Segoe UI (defaults). Clicking the ListViewItem for 'Dog', you can change its size in the property box (now focus is on 'bird').
JListView_15
As shown in the next image, you insert 'SelectionChanged' inside the ListView. If you just type the letter S, you should get a selection list in which you will find 'SelectionChanged'.
JListView_17
Place the "=" sign after it and you should get the "New Event Handler" and when you click this you will create the ListView_SelectionChanged event.
JlistView_18
In the code behind (MainPage.xaml.cs), the new event is displayed as shown
JlistView_19
We will go back to Design view and name the ListViewItems (lvi1,lvi2 and lvi3) as shown here. It makes it easier to handle in code.
JlistView_21
We change the FontSize of the first ListViewItem as shown here using a single line of code.
JlistView_22
Build, deploy and run the app in the Local Machine and you will see the app displayed as shown.
JlistView_23
Now click any of the ListViewItems and you will see this:
JlistView_24
In order to see the changes in the other ListViewItems you need to add more code as shown:
JlistView_26
Now after building, deploying and running, you see the following:
JlistView_28
Part 1
- Progressively build a ListView Control
- Place ListViewItems inside a ListView's ItemTemplate
- You will place three named ListView items
The following image shows the app after a successful run. This displays how the app is displayed at this stage:
JListView_23
This next image shows the effect of the SelectionChanged event.
JListView_28
You could set the FontSize properties in design as shown.To start with all the ListViewItem's FontSize was 15px and FontFamily Segoe UI (defaults). Clicking the ListViewItem for 'Dog', you can change its size in the property box (now focus is on 'bird').
JListView_15
As shown in the next image, you insert 'SelectionChanged' inside the ListView. If you just type the letter S, you should get a selection list in which you will find 'SelectionChanged'.
JListView_17
Place the "=" sign after it and you should get the "New Event Handler" and when you click this you will create the ListView_SelectionChanged event.
JlistView_18
In the code behind (MainPage.xaml.cs), the new event is displayed as shown
JlistView_19
We will go back to Design view and name the ListViewItems (lvi1,lvi2 and lvi3) as shown here. It makes it easier to handle in code.
JlistView_21
We change the FontSize of the first ListViewItem as shown here using a single line of code.
JlistView_22
Build, deploy and run the app in the Local Machine and you will see the app displayed as shown.
JlistView_23
Now click any of the ListViewItems and you will see this:
In order to see the changes in the other ListViewItems you need to add more code as shown:
JlistView_26
Now after building, deploying and running, you see the following:
JlistView_28
No comments:
Post a Comment