2017년 1월 24일 화요일

자마린 스튜디오 RGB Slider 컨트롤 데모 입니다.

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="DemoSlider.RGBSlider">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
            iOS="10, 20, 10, 10"
            Android="10, 0, 10, 10"
            WinPhone="10, 0, 10, 10" />
    </ContentPage.Padding>
 <StackLayout>
     <StackLayout.Resources>
         <ResourceDictionary>
             <Style TargetType="Slider">
                 <Setter Property="Maximum" Value="255" />
             </Style>
             <Style TargetType="Label">
                 <Setter Property="FontSize" Value="Large" />
                 <Setter Property="HorizontalTextAlignment" Value="Center" />
             </Style>
         </ResourceDictionary>
     </StackLayout.Resources>
     <Slider x:Name="redSlider"
         ValueChanged="OnSliderValueChanged" />
        <Label x:Name="redLabel" />
        <Label x:Name="greenLabel" />
        <Label x:Name="blueLabel" />

        <Slider x:Name="greenSlider"
             ValueChanged="OnSliderValueChanged" />
         <Slider x:Name="blueSlider"
             ValueChanged="OnSliderValueChanged" />
         <BoxView x:Name="boxView"
             VerticalOptions="FillAndExpand" />
     </StackLayout>        
    
</ContentPage>



using System;
using System.Collections.Generic;

using Xamarin.Forms;

namespace DemoSlider
{
    public partial class RGBSlider : ContentPage
    {
        public RGBSlider()
        {
            InitializeComponent();

            redSlider.Value = 128;
            greenSlider.Value = 128;
            blueSlider.Value = 128; 
        }

        void OnSliderValueChanged(object sender, ValueChangedEventArgs args)
        {
            if (sender == redSlider)
            {
                redLabel.Text = String.Format("Red = {0:X2}", (int)redSlider.Value);
            }
            else if (sender == greenSlider)
            {
                greenLabel.Text = String.Format("Green = {0:X2}", (int)greenSlider.Value);
            }
            else if (sender == blueSlider)
            {
                blueLabel.Text = String.Format("Blue = {0:X2}", (int)blueSlider.Value);
            }

            boxView.Color = Color.FromRgb((int)redSlider.Value,
            (int)greenSlider.Value,
           (int)blueSlider.Value);
        }
    }
}



댓글 없음:

댓글 쓰기

참고: 블로그의 회원만 댓글을 작성할 수 있습니다.

요즘 새로운 과정을 기획하면서 react.js + next.js를 OpenAI API와 같이 사용하는 과정을 만들고 있습니다. ㅎㅎ

 오랜만에 웹 기술들을 공부하니 재미있네요. ㅎㅎ  쭉 파이썬 과정들을 운영하고 있었는데 좀 더 범위를 넓혀서 아이폰 앱 개발과정 with ChatGPT,  웹 프로그래밍 with ChatGPT, AI시대의 AI어시스턴트 활용하기와 같은 글을 쓰고, ...