Using styles with the Accordion component استفاده از استیل ها

استفاده از کمپونت accordion ( Using the Accordion component )

 خوب این کمپونت برای ایجاد چند فرم مجزا به کار می آید و مثلاً شما می توانید موضوعات مختلف را چند قسمت کنید و همه را در یک صفحه کوچک جای دهید .

من اگر خدا بخواهد قصد دارم که از این کمپونت شروع کنم و تا آخرین کمپونت را به طور کامل توضیح دهم پس اولین قسمت این کمپونت حتما تعیین نوع و ساختار و شکل کلی آن است پس برای شروع تمامی کد های مربوط به این قسمت را مرور می کنیم :

Using styles with the Accordion component

برای تغییر استیل این کمپونت شما می توانید از جدول زیر پیروی کنید:

Style	Theme	Description
themeColor	Halo	The base color scheme of a component. This is the only color style that doesn't inherit its value. Possible values are "haloGreen", "haloBlue", and "haloOrange".
backgroundColor	Both	The background color. The default color is white.
borderStyle	Both	The Accordion component uses a RectBorder instance as its border and responds to the styles defined on that class. For more information, see RectBorder class. The Accordion component's default border style value is "solid".
headerHeight	Both	The height of the header buttons, in pixels. The default value is 22.
color	Both	The text color. The default value is 0x0B333C for the Halo theme and blank for the Sample theme.
disabledColor	Both	The color for text when the component is disabled. The default color is 0x848384 (dark gray).
embedFonts	Both	A Boolean value that indicates whether the font specified in fontFamily is an embedded font. This style must be set to true if fontFamily refers to an embedded font. Otherwise, the embedded font is not used. If this style is set to true and fontFamily does not refer to an embedded font, no text is displayed. The default value is false.
fontFamily	Both	The font name for the header labels. The default value is "_sans".
fontSize	Both	The point size for the font of the header labels. The default value is 10.
fontStyle	Both	The font style for the header labels; either "normal" or "italic". The default value is "normal".
fontWeight	Both	The font weight for the header labels; either "none" or "bold". The default value is "none". All components can also accept the value "normal" in place of "none" during a setStyle() call, but subsequent calls to getStyle() return "none".
textDecoration	Both	The text decoration; either "none" or "underline".
openDuration	Both	The duration, in milliseconds, of the transition animation.
openEasing	Both	A reference to a tweening function that controls the animation. Defaults to sine in/out. For more information, see Customizing component animations in Using Components.

بنابراین کد های زیر برای فارسی کردن تیتر ها به کار ما می آید :

my_acc.setStyle("fontFamily", "Tahoma");

my_acc.setStyle("fontWeight", "bold");

my_acc.setStyle("fontStyle", "italic");

my_acc.setStyle("textDecoration", "underline");

در روز های آینده می خواهیم دیگر اجزاء کلی کمپونت ها را برری کنیم

درج با ذکر منبع بلامانع است