UI 컨트롤들

퓨즈[Fuse]의 기본 UI 컨트롤들입니다. 아래에 있는 컨트롤들 외에도 WebView, Video 등도 있으니 하나씩 테스트 해보세요. (-:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<App Theme="NativeWithFallback">
    <Font File="NGC.ttf" ux:Global="NGC" />
    <FileImageSource ux:Global="LogoWhite" File="logo_white.png" Density="1" />

    <ScrollView AllowedScrollDirections="Vertical">
        <StackPanel>
            <Text Font="NGC" TextColor="#F00" TextAlignment="Center" FontSize="12" LineSpacing="10">
                <![CDATA[
<< 텍스트 >>
<< Text >>
                ]]>
            </Text>
            <Button Text="Button"/>
            <StackPanel Orientation="Horizontal" Alignment="Center">
                <Image File="fuse.png" Width="80"/>
                <Image Source="LogoWhite" Width="80" Color="#00F"/>
            </StackPanel>
            <Rectangle Height="50">
                <LinearGradient StartPoint="0,0" EndPoint="1,0.75">
                    <GradientStop Offset="0" Color="#0ff" />
                    <GradientStop Offset="1" Color="#00f" />
                </LinearGradient>
                <Stroke Width="3" Alignment="Inside" Offset="-5">
                    <LinearGradient StartPoint="0,0" EndPoint="1,0.75">
                        <GradientStop Offset="0" Color="#f0f" />
                        <GradientStop Offset="1" Color="#ff0" />
                    </LinearGradient>
                </Stroke>
            </Rectangle>
            <Circle Width="80" Height="80">
                <ImageFill File="fuse.png" />
            </Circle>
            <Switch Value="true" />
            <StackPanel Orientation="Horizontal" Alignment="Center">
                <Slider Width="200">
                    <ProgressAnimation>
                        <Rotate Target="rectangle" Degrees="90" />
                    </ProgressAnimation>
                </Slider>
                <Rectangle ux:Name="rectangle" Width="100" Height="100" Fill="#808" Opacity="0.5" />
            </StackPanel>
            <TextInput PlaceholderText="Password" IsPassword="true"/>
            <Text Alignment="Center">DropShadow Sample
                <DropShadow Angle="135" Distance="4" Size="2" Spread="0.1"  />
            </Text>
            <Text Alignment="Center">Blur Sample
                <Blur Radius="1.0"/>
            </Text>
            <Text Alignment="Center" FontSize="30">Mask Sample
                <Mask Source="LogoWhite" />
            </Text>
        </StackPanel>
    </ScrollView>
</App>

ui_controls

[[ 동영상 강좌(재생 목록 버튼을 누르세요) ]]

Was this article helpful?

Related Articles