All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.alee.skin.dark.resources.accordion.xml Maven / Gradle / Ivy

There is a newer version: 1.2.14
Show newest version
<skin xmlns="http://weblookandfeel.com/XmlSkin">

    <!-- com.alee.extended.panel.WebAccordion -->

    <!-- Accordion -->
    <style type="accordion">
        <component>
            <opaque>false</opaque>
            <layout class="AccordionLayout$UIResource">
                <panesGap>0</panesGap>
                <easing class="Cubic$InOut" />
                <duration>0.25s</duration>
            </layout>
        </component>
        <painter>
            <decorations>
                <decoration>
                    <WebShape round="2" />
                    <WebShadow type="outer" width="2" />
                    <LineBorder color="20,20,20" />
                    <ColorBackground color="68,68,68" />
                </decoration>
                <decoration states="focused">
                    <LineBorder color="black" />
                </decoration>
            </decorations>
        </painter>

        <!-- Accordion pane -->
        <style type="panel" id="pane">
            <component>
                <layout class="AccordionPaneLayout$UIResource">
                    <fitHeader>true</fitHeader>
                </layout>
            </component>
            <painter>
                <decorations>
                    <decoration>
                        <WebShape round="2" />
                        <WebShadow type="outer" width="2" />
                        <LineBorder color="20,20,20" />
                        <ColorBackground color="68,68,68" />
                    </decoration>
                </decorations>
            </painter>

            <!-- Header panel -->
            <!-- todo Add extra 1xp top/... padding for all cases -->
            <style type="panel" id="header" extends="decorated">
                <painter>
                    <decorations>
                        <decoration>
                            <WebShape round="0" />
                            <WebShadow type="outer" width="0" />
                            <LineBorder color="20,20,20" />
                            <GradientBackground>
                                <color>87,91,93</color>
                                <color>77,81,83</color>
                            </GradientBackground>
                        </decoration>
                        <decoration states="top">
                            <WebShape sides="0,0,1,0" />
                        </decoration>
                        <decoration states="left">
                            <WebShape sides="0,0,0,1" />
                            <GradientBackground from="0,0" to="1,0" />
                        </decoration>
                        <decoration states="right">
                            <WebShape sides="0,1,0,0" />
                            <GradientBackground from="0,0" to="1,0" />
                        </decoration>
                        <decoration states="bottom">
                            <WebShape sides="1,0,0,0" />
                        </decoration>
                        <decoration states="top,collapsed">
                            <LineBorder color="77,81,83" />
                        </decoration>
                        <decoration states="left,collapsed">
                            <LineBorder color="77,81,83" />
                        </decoration>
                        <decoration states="right,collapsed">
                            <LineBorder color="87,91,93" />
                        </decoration>
                        <decoration states="bottom,collapsed">
                            <LineBorder color="87,91,93" />
                        </decoration>
                    </decorations>
                </painter>

                <!-- Defailt title label -->
                <style type="styledlabel" id="title" extends="shadow">
                    <component>
                        <horizontalAlignment>10</horizontalAlignment>
                    </component>
                    <painter>
                        <decorations>
                            <decoration>
                                <LabelLayout padding="2,4,2,4" />
                            </decoration>
                            <decoration states="has-icon">
                                <LabelLayout padding="2,2,2,4" />
                            </decoration>
                            <decoration states="left">
                                <LabelLayout rotation="counterClockwise" />
                            </decoration>
                            <decoration states="right">
                                <LabelLayout rotation="clockwise" />
                            </decoration>
                        </decorations>
                    </painter>
                </style>

                <!-- Expand button -->
                <style type="button" id="control" extends="undecorated" padding="5">
                    <component>
                        <focusable>false</focusable>
                    </component>
                    <painter>
                        <decorations>
                            <decoration states="expanded">
                                <ButtonLayout>
                                    <SetIcon constraints="icon" icon="up-small" />
                                </ButtonLayout>
                            </decoration>
                            <decoration states="collapsed">
                                <ButtonLayout>
                                    <SetIcon constraints="icon" icon="down-small" />
                                </ButtonLayout>
                            </decoration>
                            <decoration states="left">
                                <ButtonLayout rotation="counterClockwise" />
                            </decoration>
                            <decoration states="right">
                                <ButtonLayout rotation="clockwise" />
                            </decoration>
                        </decorations>
                    </painter>
                </style>

            </style>

        </style>

    </style>

</skin>




© 2015 - 2025 Weber Informatics LLC | Privacy Policy