スライダーコントロールは、縦または横に動かすことで、動かした数値を取得することができます。
スライダーコントロールとは?
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/7bdb9212c557947635e4467466dac9de.png)
挿入の入力の中に『スライダー』があります。
実際に挿入すると『Slider1』と作成されます。
スライダーコントロールは、縦または横に動かした数値を取得することができます。
スライダーコントロールの使い方
規定値を設定する
スライダーコントロールを挿入した時は、規定値が「50」に設定されています。
これを変更するには、「Default」プロパティの数値を入力することで変更することができます。
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/a88262176b71f2bc248b4a0859a0040e-1024x143.png)
最大値を設定する
スライダーコントロールには、数値の最大値を設定することができます。これはスライダーの幅を変更するのではなく、同じ幅の中で細かい数値で取得することできます。
最大値は、「Max」プロパティの数値を入力することで変更することができます。
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/f8cd689532c19d12c4e01fcec159d2f5-1024x231.png)
ハンドルまたはレールのサイズを設定する
スライダコントロールには、ハンドルという丸い動くものがありますね。スライダーコントロールの動作の範囲は、スライダーコントロールのサイズ内かつハンドルの大きさの範囲またはレールの厚さ(RailThickness)の範囲にしか反応しません。
反映してほしい範囲をスライダーコントロールと同じに設定したい場合、「HandleSize」プロパティまたは、
「RailThickness」プロパティの数値やコントロールのHeightやWidthを設定することでコントロールサイズを変更しても自動的に変更することができます。
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/5daa1bdf645532feab91255b2654641f-1024x286.png)
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/6139a186d540435cfb6977d8ff1f366b-1024x280.png)
レイアウトを設定する
スライダーコントロールは、新規に挿入した場合、横のレイアウトで作成されますが、縦にも変更することができます。スライダーコントロールを縦向きに変更する場合は、「Layout」プロパティで変更することができます。
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/cf32b4c87c0c10f8a21f22bb3b630358-1024x176.png)
まとめ
スライダーコントロールは、選択した場所を取得できるので、タップした場所を取得した情報を取得するなど活用できます。他にもアイコンをスライダーを使用して動かすこともできるので活躍しそうなコントロールですね。
ぜひ活用してみてください。
![](https://tsuchirikienrich.com/wp-content/uploads/2023/07/23e7c1c330f5fc038f6395faab1b4cc6.jpg)
おすすめ書籍
![](https://tsuchirikienrich.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://tsuchirikienrich.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://tsuchirikienrich.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
コメント