ICON Archives - icodebroker

[C#/WINUI3/.NET8] IconSourceElement 엘리먼트 : IconSource 속성에서 FontIconSource 엘리먼트 설정해 폰트 아이콘 표시하기

■ IconSourceElement 엘리먼트의 IconSource 속성에서 FontIconSource 엘리먼트를 설정해 폰트 아이콘을 표시하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/.NET8] SymbolIcon 엘리먼트 : Symbol 속성을 사용해 심볼 아이콘 표시하기

■ SymbolIcon 엘리먼트의 Symbol 속성을 사용해 심볼 아이콘을 표시하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType

[C#/WINUI3/.NET8] Button 엘리먼트 : FontFamily/Content 속성을 사용해 아이콘 표시하기

■ Button 엘리먼트의 FontFamily/Content 속성을 사용해 아이콘을 표시하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를

[C#/WINUI3/.NET8] FontIcon 엘리먼트 : FontFamily/Glyph 속성을 사용해 이모지 아이콘 표시하기

■ FontIcon 엘리먼트의 FontFamily/Glyph 속성을 사용해 이모지 아이콘을 표시하는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType

[C#/WINUI3/.NET8] AppWindow 클래스 : SetIcon 메소드를 사용해 아이콘 설정하기

■ AppWindow 클래스의 SetIcon 메소드를 사용해 아이콘을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.IO;

using WinRT.Interop;

using Microsoft.UI;
using Microsoft.UI.Windowing;
using Microsoft.UI.Xaml;

// ...

Window window;

// ...

nint windowHandle = WindowNative.GetWindowHandle(window);

WindowId windowID = Win32Interop.GetWindowIdFromWindow(windowHandle);

AppWindow appWindow = AppWindow.GetFromWindowId(windowID);

string iconFilePath = Path.Combine(AppContext.BaseDirectory, "Assets/WindowIcon.ico");

appWindow.SetIcon(iconFilePath);

using System;

using System.IO;

using WinRT.Interop;

using Microsoft.UI;

using Microsoft.UI.Windowing;

using Microsoft.UI.Xaml;

// ...

Window window;

// ...

nint windowHandle = WindowNative.GetWindowHandle(window);

WindowId windowID = Win32Interop.GetWindowIdFromWindow(windowHandle);

AppWindow appWindow = AppWindow.GetFromWindowId(windowID);

string iconFilePath = Path.Combine(AppContext.BaseDirectory, "Assets/WindowIcon.ico");

appWindow.SetIcon(iconFilePath);

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] SymbolIconSource 태그 확장 : Symbol 속성을 사용해 심볼 아이콘 소스 만들기

■ SymbolIconSource 태그 확장의 Symbol 속성을 사용해 심볼 아이콘 소스를 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] SymbolIcon 태그 확장 : Symbol 속성을 사용해 심볼 아이콘 만들기

■ SymbolIcon 태그 확장의 Symbol 속성을 사용해 심볼 아이콘을 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FontIconSource 확장 태그 : Glyph 속성을 사용해 폰트 아이콘 소스 만들기

■ FontIconSource 확장 태그의 Glyph 속성을 사용해 폰트 아이콘 소스를 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트

[C#/WINUI3/.NET6] BitmapIconSource 엘리먼트 : ShowAsMonochrome/UriSource 속성 사용하기

■ BitmapIconSource 엘리먼트의 ShowAsMonochrome/UriSource 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl>
    <SwipeControl.LeftItems>
        <SwipeItems Mode="Reveal">
            <SwipeItem
                Background="Red"
                Text="Delete">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.LeftItems>
    <SwipeControl.RightItems>
        <SwipeItems Mode="Execute">
            <SwipeItem
                Background="Green"
                Text="Archive">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.RightItems>
    <Grid Background="LightGray">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Swipe me left or right" />
    </Grid>
</SwipeControl>

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl.LeftItems>

<SwipeItem

Background="Red"

Text="Delete">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.LeftItems>

<SwipeControl.RightItems>

<SwipeItem

Background="Green"

Text="Archive">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.RightItems>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Swipe me left or right" />

</Grid>

</SwipeControl>

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] SymbolIcon 확장 태그 : Symbol 속성을 사용해 심볼 아이콘 만들기

■ SymbolIcon 확장 태그의 Symbol 속성을 사용해 심볼 아이콘을 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] BitmapIcon 확장 태그 : Source 속성을 사용해 비트맵 아이콘 만들기

■ BitmapIcon 확장 태그의 Source 속성을 사용해 비트맵 아이콘을 만드는 방법을 보여준다. ※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다. ※ TestProject.csproj 프로젝트 파일에서

[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] FontIcon 확장 태그 : 폰트 아이콘 표시하기

■ FontIcon 확장 태그를 사용해 폰트 아이콘을 표시하는 방법을 보여준다. ※ 이 예제 코드에서 사용된 FontIcon 확장 태그는 CommunityToolkit.WinUI.Extensions 누겟(버전 : 8.0.240109)을

[PYTHON/COMMON] Tk 클래스 : iconbitmap 메소드를 사용해 아이콘 설정하기

■ Tk 클래스의 iconbitmap 메소드를 사용해 아이콘을 설정하는 방법을 보여준다. ▶ 예제 코드 (PYTHON)


from tkinter import *

tk = Tk()

tk.geometry("500x500")

tk.iconbitmap("./images/mars.ico")

from tkinter import *

tk = Tk()

tk.geometry("500x500")

tk.iconbitmap("./images/mars.ico")

※ 첨부 파일은 .ico 파일을 .zip 파일로

[C#/WINUI3/.NET6] SymbolIcon 엘리먼트 : Symbol 속성 사용하기

■ SymbolIcon 엘리먼트의 Symbol 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <StackPanel>
            <SymbolIcon Symbol="Accept" />
            <TextBlock Text="Accept" />
        </StackPanel>
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center">

</StackPanel>

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] PathIcon 엘리먼트 : 패스 데이터 이미지 아이콘 만들기

■ PathIcon 엘리먼트를 사용해 패스 데이터 이미지 아이콘을 만드는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <PathIcon
            HorizontalAlignment="Center"
            Data="F 1 M 16 12 20 2 L 20 16 1 16" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center">

<PathIcon

HorizontalAlignment="Center"

Data="F 1 M 16 12 20 2 L 20 16 1 16" />

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] ImageIcon 엘리먼트 : SVG 이미지 사용하기

■ ImageIcon 엘리먼트에서 SVG 이미지를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <ImageIcon
            Width="50"
            Source="https://raw.githubusercontent.com/DiemenDesign/LibreICONS/master/svg-color/libre-camera-panorama.svg" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center">

<ImageIcon

Width="50"

Source="https://raw.githubusercontent.com/DiemenDesign/LibreICONS/master/svg-color/libre-camera-panorama.svg" />

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] ImageIcon 엘리먼트 : Source 속성 사용하기

■ ImageIcon 엘리먼트의 Source 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="100">
        <ImageIcon Source="/IMAGE/slices.png" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="100">

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] FontIcon 엘리먼트 : FontFamily/Glyph 속성 사용하기

■ FontIcon 엘리먼트의 FontFamily/Glyph 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <FontIcon
            FontFamily="Segoe MDL2 Assets"
            Glyph="&#xe790;" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center">

<FontIcon

FontFamily="Segoe MDL2 Assets"

Glyph="" />

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] BitmapIcon 엘리먼트 : ShowAsMonochrome 속성 사용하기

■ BitmapIcon 엘리먼트의 ShowAsMonochrome 속성을 사용하는 방법을 보여준다. ※ 모노크롬 효과가 정상적으로 처리되지 않고 버그가 발생한 것 같다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <BitmapIcon
            HorizontalAlignment="Center"
            Width="50"
            ShowAsMonochrome="False"
            UriSource="ms-appx:///IMAGE/slices.png" />
        <BitmapIcon
            Margin="0 10 0 0"
            HorizontalAlignment="Center"
            Width="50"
            ShowAsMonochrome="True"
            UriSource="ms-appx:///IMAGE/slices.png" />
    </StackPanel>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<BitmapIcon

HorizontalAlignment="Center"

Width="50"

ShowAsMonochrome="False"

UriSource="ms-appx:///IMAGE/slices.png" />

<BitmapIcon

Margin="0 10 0 0"

HorizontalAlignment="Center"

Width="50"

ShowAsMonochrome="True"

UriSource="ms-appx:///IMAGE/slices.png" />

</StackPanel>

</Page>

TestProject.zip

[C#/WPF] ImageAwesome 엘리먼트 : Spin/SpinDuration 속성을 사용해 아이콘 회전시키기

■ ImageAwesome 엘리먼트의 Spin/SpinDuration 속성을 사용해 아이콘을 회전시키는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:fa="http://schemas.fontawesome.io/icons/"
    Width="800"
    Height="600"
    Title="ImageAwesome 엘리먼트 : Spin/SpinDuration 속성을 사용해 아이콘 회전시키기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Orientation="Horizontal">
            <fa:ImageAwesome
                Margin="10"
                Width="48"
                Height="48"
                Spin="True"
                SpinDuration="4"
                Icon="CircleOutlineNotch" />
            <fa:ImageAwesome
                Margin="10"
                Width="48"
                Height="48"
                Spin="True"
                SpinDuration="8"
                Icon="Refresh" />
            <fa:ImageAwesome
                Margin="10"
                Width="48"
                Height="48"
                Spin="True"
                SpinDuration="16"
                Icon="Cog" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:fa="http://schemas.fontawesome.io/icons/"

Width="800"

Height="600"

Title="ImageAwesome 엘리먼트 : Spin/SpinDuration 속성을 사용해 아이콘 회전시키기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal">

<fa:ImageAwesome

Margin="10"

Width="48"

Height="48"

Spin="True"

SpinDuration="4"

Icon="CircleOutlineNotch" />

<fa:ImageAwesome

Margin="10"

Width="48"

Height="48"

Spin="True"

SpinDuration="8"

Icon="Refresh" />

<fa:ImageAwesome

Margin="10"

Width="48"

Height="48"

Spin="True"

SpinDuration="16"

Icon="Cog" />

</StackPanel>

</Grid>

</Window>

TestProject.zip

[C#/WPF] FontAwesome.WPF 누겟 설치하기

■ FontAwesome.WPF 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/UWP] TextBlock 엘리먼트 : 아이콘 사용하기

■ TextBlock 엘리먼트에서 아이콘을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<TextBlock
    FontFamily="Segoe MDL2 Assets"
    Text="&#xe170; &#xe170;" />

<TextBlock
    FontFamily="Segoe UI Symbol"
    Text="&#xe170; &#xe170;" />

<TextBlock

FontFamily="Segoe MDL2 Assets"

Text=" " />

<TextBlock

FontFamily="Segoe UI Symbol"

Text=" " />

[C#/UWP] FontIcon 엘리먼트 : FontFamily/Glyph 속성 사용하기

■ FontIcon 엘리먼트의 FontFamily/Glyph 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<FontIcon
    FontFamily="Segoe UI Symbol"
    Glyph="&#xe170; &#xe170;" />

<FontIcon

FontFamily="Segoe UI Symbol"

Glyph=" " />

[C#/UWP] FontIcon 엘리먼트 : FontFamily/Glyph 속성 사용하기

■ FontIcon 엘리먼트의 FontFamily/Glyph 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<FontIcon
    FontFamily="Segoe MDL2 Assets"
    Glyph="&#xe170; &#xe170;" />

<FontIcon

FontFamily="Segoe MDL2 Assets"

Glyph=" " />

[C#/UWP] FontIcon 엘리먼트 : FontFamily/Glyph 속성 사용하기

■ FontIcon 엘리먼트의 FontFamily/Glyph 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<FontIcon Name="Hamburger"
    FontFamily="Segoe MDL2 Assets"
    Glyph="&#xE700;" />

<FontIcon Name="Hamburger"

FontFamily="Segoe MDL2 Assets"

Glyph="" />