はじめに

Sliderはつまみをスライドさせて、数値入力をするためのコントロールです。

今回は、このSliderについて説明します。

主要なプロパティ

Sliderにおける主要なプロパティには以下のものがあります。

プロパティ	説明
Value	現在値
Minimum	選択可能な最小値
Maximum	選択可能な最大値

XamlによるSliderの設定

以下はXamlにおけるSliderの使用例です。この例ではMinimumに-100、Maximumに100、Valueに10を設定しています。

よって可動範囲は-100〜100までの間となり、起動時の値は10を示します。

<?xml version="1.0" encoding="utf-8"?>
<ContentPage 
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:sliderSample01" 
    x:Class="sliderSample01.MainPage">
    <StackLayout HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">
        
       <Slider Value="10" Minimum="-100" Maximum="100" WidthRequest="300" />
    
    </StackLayout>
</ContentPage>

コードビハインドでの実装例

コードビハインドでは以下のように実装します。

namespace sliderSample01
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            this.slider.Minimum = -100;
            this.slider.Maximum = 100;
            this.slider.Value = 10;
        }
    }
}