[Xamarin.Forms] Sliderを使用するには?

はじめに

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;
        }
    }
}

実行例

実行をすると、以下のように12:34:56が選択された状態で表示されます。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください