Class BabylonGuiSlider

أشرطة تمرير لاختيار رقم بين حد أدنى وحد أقصى بسحب مقبض، أفقيا أو عموديا. اشترك في حدث تغير القيمة للاستجابة للمستخدم؛ ويمكن تغيير النطاق والخطوة والقيمة والألوان والمقبض بعد الإنشاء.

Constructors

constructor

new BabylonGuiSlider(): BabylonGuiSlider
Returns BabylonGuiSlider

create

createSlider

createSlider(inputs: CreateSliderDto): Slider
ينشئ شريط تمرير يختار رقمًا من minimum إلى maximum بمضاعفات step، بدءًا من value.

شريط التمرير الأفقي يأخذ عرض الأصل ما لم يُعطَ width؛ والرأسي يأخذ ارتفاعه. المقبض أبيض حتى يغيّره changeSliderThumb.
Parameters
- inputs: CreateSliderDto
  الاسم والنطاق والقيمة والخطوة والاتجاه والألوان والحجم الاختياري وعلم المقبض
Returns Slider
شريط التمرير
Example
```
const slider = bitbybit.babylon.gui.slider.createSlider({ name: "radius", minimum: 1, maximum: 20, value: 5, step: 0.5, isVertical: false, color: "#f0cebb", background: "black", width: "300px", height: "40px", displayThumb: true });
panel.addControl(slider);
slider.onValueChangedObservable.add((value) => { console.log(value); });
```
- Defined in bitbybit-docs.d.ts:49422

createSliderObservableSelector

createSliderObservableSelector(
inputs: SliderObservableSelectorDto,
): onValueChangedObservable
يمرّر اسم حدث شريط التمرير، وهو تغيّر قيمته، كمحدِّد مُنمَّط للشيفرة التي تشترك في أحداث شريط التمرير بالاسم.
Parameters
- inputs: SliderObservableSelectorDto
  محدد الحدث
Returns onValueChangedObservable
المحدد نفسه
- Defined in bitbybit-docs.d.ts:49497

get

getBorderColor

getBorderColor(inputs: SliderDto): string
يقرأ لون الخط حول مسار شريط التمرير.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns string
لون الحد
- Defined in bitbybit-docs.d.ts:49505

getBackgroundColor

getBackgroundColor(inputs: SliderDto): string
يقرأ لون الجزء غير المملوء من مسار شريط التمرير.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns string
لون الخلفية
- Defined in bitbybit-docs.d.ts:49513

getMaximum

getMaximum(inputs: SliderDto): number
يقرأ أكبر قيمة يمكن أن يبلغها شريط التمرير.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns number
الحد الأقصى
- Defined in bitbybit-docs.d.ts:49521

getMinimum

getMinimum(inputs: SliderDto): number
يقرأ أصغر قيمة يمكن أن يبلغها شريط التمرير.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns number
الحد الأدنى
- Defined in bitbybit-docs.d.ts:49529

getStep

getStep(inputs: SliderDto): number
يقرأ الزيادة التي يتحرك بها شريط التمرير، و0 تعني حركة سلسة.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns number
الخطوة
- Defined in bitbybit-docs.d.ts:49537

getValue

getValue(inputs: SliderDto): number
يقرأ القيمة الحالية لشريط التمرير، بين حده الأدنى والأقصى.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns number
القيمة
- Defined in bitbybit-docs.d.ts:49545

getThumbColor

getThumbColor(inputs: SliderDto): string
يقرأ لون مقبض شريط التمرير كسلسلة لون CSS.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns string
لون المقبض
- Defined in bitbybit-docs.d.ts:49553

getThumbWidth

getThumbWidth(inputs: SliderDto): string | number
يقرأ عرض مقبض شريط التمرير، كسلسلة بكسلات أو كسر.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns string | number
عرض المقبض
- Defined in bitbybit-docs.d.ts:49561

getIsVertical

getIsVertical(inputs: SliderDto): boolean
يقرأ ما إذا كان شريط التمرير يمتد من الأسفل إلى الأعلى بدلًا من اليسار إلى اليمين.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns boolean
true عندما يكون شريط التمرير عموديا
- Defined in bitbybit-docs.d.ts:49569

getDisplayThumb

getDisplayThumb(inputs: SliderDto): boolean
يقرأ ما إذا كان شريط التمرير يعرض مقبضه أو المسار فقط.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns boolean
true عندما يكون المقبض ظاهرا
- Defined in bitbybit-docs.d.ts:49577

getIsThumbCircle

getIsThumbCircle(inputs: SliderDto): boolean
يقرأ ما إذا كان مقبض شريط التمرير دائريًا لا مربعًا.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns boolean
true عندما يكون المقبض دائريا
- Defined in bitbybit-docs.d.ts:49585

getIsThumbClamped

getIsThumbClamped(inputs: SliderDto): boolean
يقرأ ما إذا كان مقبض شريط التمرير يبقى داخل المسار عند الطرفين بدلًا من البروز عنه.
Parameters
- inputs: SliderDto
  شريط التمرير
Returns boolean
true عندما يكون المقبض مقيدا
- Defined in bitbybit-docs.d.ts:49593

set

changeSliderThumb

changeSliderThumb(inputs: SliderThumbDto): Slider
يعيد تنسيق مقبض شريط التمرير: دائري أو مربع، ولونه وعرضه، وما إذا كان يبقى داخل المسار وما إذا كان يُعرض أصلًا.
Parameters
- inputs: SliderThumbDto
  شريط التمرير وشكل المقبض ولونه وعرضه وعلم التقييد وعلم العرض
Returns Slider
شريط التمرير نفسه
Example
```
bitbybit.babylon.gui.slider.changeSliderThumb({ slider, isThumbCircle: true, thumbColor: "white", thumbWidth: "20px", isThumbClamped: true, displayThumb: true });
```
- Defined in bitbybit-docs.d.ts:49435

setBorderColor

setBorderColor(inputs: SliderBorderColorDto): Slider
يضبط لون الخط حول مسار شريط التمرير، كلون CSS.
Parameters
- inputs: SliderBorderColorDto
  شريط التمرير ولون الحد
Returns Slider
شريط التمرير نفسه
- Defined in bitbybit-docs.d.ts:49443

setBackgroundColor

setBackgroundColor(inputs: SliderBackgroundColorDto): Slider
يضبط لون الجزء غير المملوء من مسار شريط التمرير، كلون CSS.
Parameters
- inputs: SliderBackgroundColorDto
  شريط التمرير ولون الخلفية
Returns Slider
شريط التمرير نفسه
- Defined in bitbybit-docs.d.ts:49451

setMaximum

setMaximum(inputs: SetSliderValueDto): Slider
يضبط أكبر قيمة يمكن أن يبلغها شريط التمرير، وهي القيمة عند طرفه الأيمن أو العلوي.
Parameters
- inputs: SetSliderValueDto
  شريط التمرير والحد الأقصى
Returns Slider
شريط التمرير نفسه
- Defined in bitbybit-docs.d.ts:49459

setMinimum

setMinimum(inputs: SetSliderValueDto): Slider
يضبط أصغر قيمة يمكن أن يبلغها شريط التمرير، وهي القيمة عند طرفه الأيسر أو السفلي.
Parameters
- inputs: SetSliderValueDto
  شريط التمرير والحد الأدنى
Returns Slider
شريط التمرير نفسه
- Defined in bitbybit-docs.d.ts:49467

setStep

setStep(inputs: SetSliderValueDto): Slider
يضبط الزيادة التي يتحرك بها شريط التمرير، فالقيمة 1 تعطي أعدادًا صحيحة فقط و0 تتركه يتحرك بسلاسة.
Parameters
- inputs: SetSliderValueDto
  شريط التمرير والخطوة
Returns Slider
شريط التمرير نفسه
- Defined in bitbybit-docs.d.ts:49476

setValue

setValue(inputs: SetSliderValueDto): Slider
يحرّك شريط التمرير إلى قيمة، مما يطلق حدث تغيّر قيمته كما يفعل سحب المستخدم.
Parameters
- inputs: SetSliderValueDto
  شريط التمرير والقيمة
Returns Slider
شريط التمرير نفسه
Example
```
bitbybit.babylon.gui.slider.setValue({ slider, value: 7.5 });
```
- Defined in bitbybit-docs.d.ts:49488

Class BabylonGuiSlider

Index

Constructors

create

get

set

Constructors

constructor

Returns BabylonGuiSlider

create

createSlider

Parameters

Returns Slider

Example

createSliderObservableSelector

Parameters

Returns onValueChangedObservable

get

getBorderColor

Parameters

Returns string

getBackgroundColor

Parameters

Returns string

getMaximum

Parameters

Returns number

getMinimum

Parameters

Returns number

getStep

Parameters

Returns number

getValue

Parameters

Returns number

getThumbColor

Parameters

Returns string

getThumbWidth

Parameters

Returns string | number

getIsVertical

Parameters

Returns boolean

getDisplayThumb

Parameters

Returns boolean

getIsThumbCircle

Parameters

Returns boolean

getIsThumbClamped

Parameters

Returns boolean

set

changeSliderThumb

Parameters

Returns Slider

Example

setBorderColor

Parameters

Returns Slider

setBackgroundColor

Parameters

Returns Slider

setMaximum

Parameters

Returns Slider

setMinimum

Parameters

Returns Slider

setStep

Parameters

Returns Slider

setValue

Parameters

Returns Slider

Example

Settings

On This Page