Click here to Skip to main content
13,141,747 members (67,629 online)
Click here to Skip to main content
Add your own
alternative version

Stats

46.9K views
2.5K downloads
60 bookmarked
Posted 3 May 2011

WPF: CountryFlag Control

, 29 Aug 2017
Rate this:
Please Sign up or sign in to vote.
A WPF user control for displaying a country's flag

Introduction

CountryFlag is a WPF user control for displaying the flag of any one of the 249 countries and territories assigned with an ISO 3166-1 alpha-2 code.

To get the project code you can clone or download the project from GitHub.

Requirements

  •  .NET Framework 4.6

Usage

Install the CountryFlag NuGet package by running the following command in the NuGet Package Manager Console,

PM> Install-Package CountryFlag -Version 2.1.0

You can also install it by using the NuGet Package Manager. In Solution Explorer right-click your project, select Manage NuGet Packages, and from the Browse tab search for "countyflag" and install.

When installation is complete you can now add a XAML reference and add the control[s] to a layout control. To specify a flag set the control's Code property.

<Window x:Class="Flags.MainWindow"

        ...

        xmlns:cf="clr-namespace:CountryFlag;assembly=CountryFlag"

        ...>
    ...
    <Grid>
        <WrapPanel>
            <cf:CountryFlag Code="BT" Margin="5"/>
            <cf:CountryFlag Code="AF" Margin="5"/>
            <cf:CountryFlag Code="AO" Margin="5"/>
            <cf:CountryFlag Code="BB" Margin="5"/>
            <cf:CountryFlag Code="KE" Margin="5"/>
            <cf:CountryFlag Code="BR" Margin="5"/>
            <cf:CountryFlag Code="EG" Margin="5"/>
            <cf:CountryFlag Code="RS" Margin="5"/>
            <cf:CountryFlag Code="SZ" Margin="5"/>
        </WrapPanel>
    </Grid>
</Window>

The above code declares nine flag controls with their Code property set to an ISO 3166-1 alpha-2 code . The Code property is set to a value of type CountryCode, an enumeration of ISO 3166-1 alpha-2 country codes specified in the control library. The following image shows the result of the above markup, in the artboard of the XAML Designer,

CountryFlag

The code behind for the user control contains a single dependency property and a callback method,

Class CountryFlag
    Public Property Code() As CountryCode
        Get
            Return CType(GetValue(CodeProperty), CountryCode)
        End Get
        Set(ByVal value As CountryCode)
            SetValue(CodeProperty, value)
        End Set
    End Property

    Public Shared CodeProperty As DependencyProperty =
        DependencyProperty.Register("Code", GetType(CountryCode), GetType(CountryFlag),
                                    New PropertyMetadata(CountryCode.AD,
                                                         New PropertyChangedCallback(AddressOf ChangeFlag)))

    Private Shared Sub ChangeFlag(ByVal source As DependencyObject, ByVal e As DependencyPropertyChangedEventArgs)
        Dim countryCode = CType(e.NewValue, CountryCode).ToString()
        Dim flag = "Flags/" & countryCode & ".png"
        CType(source, CountryFlag).Flag.Source = New BitmapImage(New Uri(flag, UriKind.Relative))
    End Sub
End Class

In the callback method the value of the property is used to set the source property of an Image control.

Conclusion

You can download the sample project from the link at the top of the article page. The project contains the sample code highlighted earlier.

History

  • 3rd May 2011: Initial post,
  • 30th August 2016: Updated code and flags,
  • 30th August 2017: Updated code and flags

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Meshack Musundi
Software Developer
Kenya Kenya
Meshack is a software developer with a passion for WPF.

Awards,

  • CodeProject MVP 2013

  • CodeProject MVP 2012


You may also be interested in...

Pro

Comments and Discussions

 
GeneralMy vote of 5 Pin
IFFI11-Jul-11 21:36
memberIFFI11-Jul-11 21:36 
GeneralRe: My vote of 5 Pin
Meshack Musundi11-Jul-11 22:30
memberMeshack Musundi11-Jul-11 22:30 
GeneralRe: My vote of 5 Pin
BeeWayDev9-Dec-11 5:37
memberBeeWayDev9-Dec-11 5:37 
GeneralRe: My vote of 5 Pin
Meshack Musundi9-Dec-11 20:17
memberMeshack Musundi9-Dec-11 20:17 
GeneralRe: My vote of 5 Pin
BeeWayDev15-Dec-11 4:04
memberBeeWayDev15-Dec-11 4:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.170915.1 | Last Updated 29 Aug 2017
Article Copyright 2011 by Meshack Musundi
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid