Uno Platform Framework Cheatsheet

Uno Platform is a cross-platform framework that allows developers to build native, single-codebase applications for Windows, iOS, Android, and the Web using C# and XAML. This powerful framework enables code-sharing across different platforms, streamlining the development process and reducing time-to-market. In this cheatsheet, we’ll explore key concepts and code snippets to help you navigate the Uno Platform framework efficiently.

Setting Up Uno Platform

Install Uno Platform

dotnet new -i Uno.ProjectTemplates.Dotnet

Create a New Uno Project

dotnet new unoapp -n MyUnoApp
cd MyUnoApp

XAML Basics

Create a TextBlock

<TextBlock Text="Hello, Uno!" />

Add an Image

<Image Source="Assets/logo.png" />

Handle Button Click

<Button Content="Click me!" Click="ButtonClick" />

private void ButtonClick(object sender, RoutedEventArgs e)
{
    // Handle button click logic
}

Layouts and Controls

StackPanel

<StackPanel>
    <TextBlock Text="Item 1" />
    <TextBlock Text="Item 2" />
    <TextBlock Text="Item 3" />
</StackPanel>

Grid

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <TextBlock Text="Header" />
    <TextBlock Grid.Row="1" Text="Content" />
</Grid>

ListView

<ListView>
    <ListViewItem Content="Item 1" />
    <ListViewItem Content="Item 2" />
    <ListViewItem Content="Item 3" />
</ListView>

Styles and Resources

Define a Style

<Style TargetType="Button" x:Key="MyButtonStyle">
    <Setter Property="Foreground" Value="White" />
    <Setter Property="Background" Value="Blue" />
</Style>

Apply a Style

<Button Content="Styled Button" Style="{StaticResource MyButtonStyle}" />

Data Binding

Simple Binding

<TextBlock Text="{Binding UserName}" />

public string UserName { get; set; } = "John Doe";

Two-Way Binding

<TextBox Text="{Binding UserName, Mode=TwoWay}" />

Navigation

Navigate to Another Page

Frame.Navigate(typeof(SecondPage));

Pass Parameters

Frame.Navigate(typeof(SecondPage), parameter);

Platform-Specific Code

Check Platform

if (FeatureConfiguration.UI.XamlGlobalStaticResources)
{
    // Platform-specific code
}

This Uno Platform cheatsheet provides a quick reference for common tasks and elements when developing cross-platform applications. Whether you are a beginner or an experienced developer, mastering these basics will empower you to create powerful and seamless applications using Uno Platform.

FAQ