10 Slider控件(滑动条)

学习笔记,如有错误请指正。?号处也请各位指点下,谢谢。

滑动条由4个部分组成:Slider(本体)、Background(背景)、Fill(填充)以及Handle(滑动柄)

Fill Rect:填充区域,填充Rect Transform,通常为Image元素

Handle Rect:拖动的柄,填充Rect Transform,通常为Image元素

Direction:方向,有LeftToRight(从左至右)RightToLeft(从右至左)、TopToBottom(从上至下)和BottomToTop(从下至上)

Min Value:最小值

Max Value:最大值

Whole Numbers:是否限制为整数

Value:当前值

//音量文本
public Text volume;
//滑动条
public Slider slider;
//默认音量
float startVolume = 0.5f;
void Start()
{
//开始时将默认音量赋予滑动条和文本
volume.text = startVolume.ToString();
slider.value = startVolume;
}
public void OnPress_Slider()
{
//当滑动滑动条时,将最新的值赋予volume,并设置为2位小数点的字符串
volume.text = slider.value.ToString("f2");
}

slider组件拆分(脚本):

1:background背景

2:fill Area填充物(空对象)

fill(image)

3:handle slide area:滑标(空对象)

handle(image)

Fill rect:填充矩形区域(本来是填充自己也可以选择填充别人)

Handle Rect:手柄矩形区域

Direction:手柄方向

Min Value:最小数值

Max Value:最大数值

Whole Numbers:整数数值:勾上Whole Numbers后Value数值显示值为整数

Value:数值(去掉handle就变成纯粹的进度栏了)

事件:On Value Changed事件。

public Text text_DisplayValue;
    public void Display_slider(float floValue)
    {
        text_DisplayValue.text = floValue.ToString();
    }

脚本挂空对像,比较灵活

导航

时间: 2024-12-10 21:18:23

10 Slider控件(滑动条)的相关文章

背水一战 Windows 10 (34) - 控件(进度类): RangeBase, Slider, ProgressBar, ProgressRing

原文:背水一战 Windows 10 (34) - 控件(进度类): RangeBase, Slider, ProgressBar, ProgressRing [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(进度类) RangeBase Slider ProgressBar ProgressRing 示例1.RangeBase(基类) 的示例Controls/ProgressControl/RangeBaseDemo.xaml <Page x:Class="

slider控件用法

slider控件用法 滑动控件是Windows中最常用的控件之一.一般而言它是由一个滑动条,一个滑块和可选的刻度组成,用户可以通过移动滑块在相应的控件中显示对应的值.通常,在滑动控件附近一定有标签控件或编辑框控件,用于显示相应的值.滑动控件在应用程序中用途级为广泛,如在桌面的属性中就可以看到.为此,让我们一起来看一下它的实现方法. (1)在VC++ 6.0中新建一个对话框文档的工程. (2)打开资源管理器,在对话框中放置一个EDIT控件,然后在它旁边放上一个Slider控件.基本的框架已经完成了

背水一战 Windows 10 (60) - 控件(媒体类): Pointer 涂鸦板, InkCanvas 涂鸦板

[源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(媒体类) 通过处理 Pointer 相关事件实现一个简单的涂鸦板 InkCanvas 基础知识 示例1.演示如何通过 Pointer 相关事件的处理,来实现一个简单的涂鸦板Controls/MediaControl/InkSimple.xaml <Page x:Class="Windows10.Controls.MediaControl.InkSimple" xmlns="http://s

Cocos2d-X中的Slider控件

Slider控件事实上就是滑块控件,经常使用于音乐中的音量控制,在Windows编程中开发音乐播放器就须要用到滑块控件控制音量 首先在project文件夹下的Resource文件夹中放 在Skider.h加入以下的代码 #ifndef __Slider_H__ #define __Slider_H__ #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; class Sli

背水一战 Windows 10 (54) - 控件(集合类): ItemsControl 的布局控件 - OrientedVirtualizingPanel, VirtualizingStackPanel, WrapGrid

[源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(集合类 - ItemsControl 的布局控件) OrientedVirtualizingPanel VirtualizingStackPanel WrapGrid 示例1.OrientedVirtualizingPanel(基类) 的示例Controls/CollectionControl/ItemsControlDemo/LayoutControl/OrientedVirtualizingPanelDemo.

背水一战 Windows 10 (41) - 控件(导航类): Frame

原文:背水一战 Windows 10 (41) - 控件(导航类): Frame [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(导航类) Frame 示例Controls/NavigationControl/FrameDemo.xaml <Page x:Class="Windows10.Controls.NavigationControl.FrameDemo" xmlns="http://schemas.microsoft.com/w

背水一战 Windows 10 (27) - 控件(文本类): TextBlock

原文:背水一战 Windows 10 (27) - 控件(文本类): TextBlock [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(文本类) TextBlock 示例1.TextBlock 的示例 1Controls/TextControl/TextBlockDemo1.xaml <Page x:Class="Windows10.Controls.TextControl.TextBlockDemo1" xmlns="http://

背水一战 Windows 10 (33) - 控件(选择类): ListBox, RadioButton, CheckBox, ToggleSwitch

原文:背水一战 Windows 10 (33) - 控件(选择类): ListBox, RadioButton, CheckBox, ToggleSwitch [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(选择类) ListBox RadioButton CheckBox ToggleSwitch 示例1.ListBox 的示例Controls/SelectionControl/ListBoxDemo.xaml <Page x:Class="Window

背水一战 Windows 10 (29) - 控件(文本类): RichTextBlock, RichTextBlockOverflow, RichEditBox

原文:背水一战 Windows 10 (29) - 控件(文本类): RichTextBlock, RichTextBlockOverflow, RichEditBox [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(文本类) RichTextBlock RichTextBlockOverflow RichEditBox 示例1.RichTextBlock 的示例Controls/TextControl/RichTextBlockDemo.xaml <Page