Posts

UWP: XAML's ComboBox Control - Part 2

Image
In Part 1, you added after following a few tasks the following to a  Blank UWP project. Getting the ComboBox ControlPlacing ComboBox on the Design areaAdding ComboBoxItems ComboBox 4

In this post you will write code for an app consisting of a ComboBox, a Button and a TextBox so that when you select an item in the ComboBox and click the button, the selected item appears in the TextBox.

We already have a ComboBox with three items.
We will drag a BUTTON and a TEXTBOX from the Toolbox


ComboBox_8

And drop on the DESIGN pane as shown. The XAML markup is shown in the XAML Pane as shown.


UWP: XAML's ComboBox Control -Part 1

Image
Microsoft's Universal Windows Framework apps are well supported by Microsoft and you could use it for not only Windows but for other devices as well. You can also use UWP for cross-platform use.
In the Universal Windows Platform (UWP) projects there is an advantage of one code that works on different device families (phone, tablet, desktop etc.). However, the UWP projects depend on using XAML. 
ComboBox details can be seen in the Object Explorer of Visual Studio 2017 Community used in writing this post.


In this post, I will show you how you may work with this controls for a UWP project. Getting the ComboBox ControlPlacing ComboBox on the Design areaAdding ComboBoxItemsWe start with a Windows Universal blank C# project with the name JComboBox as shown.


UWP: XAML's ListView Control and its SelectionChanged event - Part 2

Image
In my previous post (UWP: XAML's ListView Control and its SelectionChanged event - Part 1) you learnt the following:

Part 1
Progressively build a ListView Control Place ListViewItems inside a ListView's ItemTemplateYou will place three named ListView items In this part you will learn how to write code to change the properties you set for the ListViewItems by the SelectionChanged event.

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…

UWP: XAML's ListView Control and its SelectionChanged event - Part 1

Image
In my previous post you learnt about ListView and ListBox controls used in XAML.

In this post you will learn to:

Part 1
Progressively build a ListView Control Place ListViewItems inside a ListView's ItemTemplateYou will place three named ListView items
Part 2

You will write code to change the properties of items you placed. At first, you launch Visual Studio 2017 Community and create a blank Universal Windows Platform project using C# and provide the name to the project (Project JListView).

JlistView_0.png

Here you choose the target and min versions of Windows 10


JlistView_1.png
Add a ListView as shown between the 'Grid' as shown using intellisense.

JlistView_2.png
An empty ListView control is added to the XAML with some default border over the Desktop as shown.
JlistView_3.png
Now we place an ItemTemplate of the ListView by choosing from a drop-down list.
JlistView_4.png
Visual Studio is not happy as this template cannot be empty. We will add a DataTemplate inside the ItemTemplate…

XAML ListView Control for Universal Windows Apps

Image
I have posted a number of articles related to ListBlock, ListView etc that you can use in HTML 5, web applications using Intel's XDK. Intel XDK's development platform for several frameworks were discontinued and Intel's effort is in the realm of Internet of Things devices and related applications.

Microsoft's Universal Windows Framework apps are well supported by Microsoft and you could use it for not only Windows but for other devices as well.

In the Universal Windows Platform (UWP) projects there is an advantage of one code that works on different device families (phone, tablet, desktop etc.). However, the UWP projects depend on using XAML. For example the 'List' related controls in UWP are as shown here:


In this post, I will show you how you may work with this controls for a UWP project.
Getting the ListView ControlPlacing ListView on the Design areaAdding Textbox Controls to ListViewMaking changes to XAML Code
We start with a Windows Universal blank C# proj…