Development/Architecture/KDE4/XMLGUI Technology: Difference between revisions

    From KDE TechBase
    (Changed primary link to XMLGUI to Techbase version; Secondary link to developer.kde.org)
    Line 140: Line 140:
    Often times the above principles of merging are not good enough. Fortunately, there are several ways to control the details of merging.
    Often times the above principles of merging are not good enough. Fortunately, there are several ways to control the details of merging.


    === MergeLocal / Merge ===
    === <Merge> ===
    {{improve|I'm not sure the info in the Merge/MergeLocal-subchapter is correct. Use with care, and please correct and expand}}
    The <Merge>-tag is the most basic element to control merging. It means that any actions from child clients will be inserted at this point, instead of at the end of the respective container. This is useful especially, if you want to make sure that one or more actions always remain at the end of a menu/toolbar. To achieve this, simply use a ui.rc-file like this:
    ==== <MergeLocal> ====
     
    <code xml>
      <Menu name="my_menu"><text>&amp;Cool stuff</text>
        <Action name="first_action"/>
        <Merge/>
        <Action name="last_action"/>
      </Menu>
    </code>
     
    === <MergeLocal> ===
    This can only be used in the KDE global [http://websvn.kde.org/trunk/KDE/kdelibs/kdeui/xmlgui/ui_standards.rc?view=markup ui_standards.rc]-file. It defines points where other entries can be merged in. It can be used both with a ''name''-attribute, or without (in the latter case it acts as a catch-all merge place).
    This can only be used in the KDE global [http://websvn.kde.org/trunk/KDE/kdelibs/kdeui/xmlgui/ui_standards.rc?view=markup ui_standards.rc]-file. It defines points where other entries can be merged in. It can be used both with a ''name''-attribute, or without (in the latter case it acts as a catch-all merge place).


    Line 170: Line 179:


    If you want to achieve the same result from a part or plugin, you can add a ''<DefineGroup>'' section in your main window's rc file that has the desired ''append'' attribute. Then, in your part/plugin rc file you create the Action with a ''group'' attribute.
    If you want to achieve the same result from a part or plugin, you can add a ''<DefineGroup>'' section in your main window's rc file that has the desired ''append'' attribute. Then, in your part/plugin rc file you create the Action with a ''group'' attribute.
    ==== <Merge> ====
    <Merge> is the counterpart to <MergeLocal> and defines what is to be merged into a <MergeLocal>-point. TODO: Is this correct, examples, with/without names?


    === DefineGroup ===
    === DefineGroup ===

    Revision as of 16:43, 29 June 2010

    Warning
    This section needs improvements: Please help us to

    cleanup confusing sections and fix sections which contain a todo


    This entire page needs a thorough review.
    [These clarifications], should be incorporated into this page, in particular regarding "append" in DefineGroup.
    Note
    I don't really feel overly qualified to write this page, but I've spent a whole lot of time figuring out some of the following things for lack of good documentation. So I'll make a start... --Tfry 14:02, 22 May 2009 (UTC)


    Related information resources

    Basics

    For basic information, please start reading at Development/Tutorials/Using_KActions. For most simple cases you should be able to write a ui.rc for your application by simply expanding on the given examples.

    Terminology

    Container

    In the context of KXMLGUI, something that contains KActions. A menu, popupmenu or toolbar.

    Merging several KXMLGUI definitions

    Once you have more than a single KXMLGUIClient/KPart in an application, it becomes important to control just how / just where menu entries and toolbar icons are merged.

    How does merging happen

    The first thing that happens is that the ui.rc file of you application is merged in the KDE global ui_standards.rc-file. This is to make sure that standard elements all end up in the KDE standard places.

    Now, when you add further KXMLGUIClients (e.g. a KPart, or a plugin), in general the KXMLGUIFactory does the following:

    • So called containers ("Menu", "ToolBar") are matched by their name. So if your application_ui.rc defines a menu with name="my_stuff", and the plugin_ui.rc of a plugin also has a menu by that name, the elements from that menu in the plugin get added to the elements of that menu in the application.
    • All entries within a container are appended at the end, in the order they get added. This means, if you add KXMLGUIClient A after KXMLGUIClient B, the actions from A will generally end up after the actions from B, and vice versa.

    Of course KXMLGUI allows for sophisticated ways to control this merging, and we'll deal with those in a minute, but first let us look at this basic scenario:

    Bringing the clients together in C++: MyMainWindow::MyMainWindow (...) : ... { [...]

     setXMLFile ("main_ui.rc");
     insertChildClient (new MyComponentA ());
     insertChildClient (new MyComponentB ());
    

    [...] }

    MyComponentA () : public KXMLGUIClient () { [...]

     setXMLFile ("component_a.rc");
    

    [...] }

    MyComponentB () : public KXMLGUIClient () { [...]

     setXMLFile ("component_b.rc");
    

    [...] }

    main_ui.rc <?xml version="1.0" encoding="UTF-8"?> <gui [...]>

     <MenuBar>
       <Menu name="menu1" >
         <Action name="main_first" />
         <Action name="main_second" />
         <Action name="main_third" />
       </Menu>
       <Menu name="menu2" >
       </Menu>
     </MenuBar>
    

    </gui>

    component_a.rc <?xml version="1.0" encoding="UTF-8"?> <gui [...]>

     <MenuBar>
       <Menu name="menu1" >
         <Action name="a_first" />
       </Menu>
       <Menu name="menu3" >
         <Action name="a_second" />
       </Menu>
       <Menu name="menu2" >
         <Action name="a_third" />
       </Menu>
     </MenuBar>
    

    </gui>

    component_b.rc <?xml version="1.0" encoding="UTF-8"?> <gui [...]>

     <MenuBar>
       <Menu name="menu3" >
         <Action name="b_first" />
       </Menu>
       <Menu name="menu2" >
         <Action name="b_second" />
       </Menu>
       <Menu name="menu1" >
         <Action name="b_third" />
       </Menu>
     </MenuBar>
    

    </gui>

    Now all of these together would look like this:

    Note
    The XML-files are not really merged together at all, only the GUI itself is. But this is an easy way to show the effect of the combination of these KXMLGUIClients.


    <gui>

     <MenuBar>
       <Menu name="menu1" >
         <Action name="main_first" />
         <Action name="main_second" />
         <Action name="main_third" />
         <Action name="a_first" />
         <Action name="b_third" />
       </Menu>
       <Menu name="menu2" >
         <Action name="a_third" />
         <Action name="b_second" />
       </Menu>
       <Menu name="menu3" >
         <Action name="a_second" />
         <Action name="b_first" />
       </Menu>
     </MenuBar>
    

    </gui>

    Things to note:

    • Actions from component_a.rc are placed below actions from main_ui.rc, because MyComponentA gets added after MyMainWindow. Similarily, actions from component_b.rc are placed below those from main_ui.rc and component_a.rc.
    • When component_a.rc is read, a menu named "menu2" already exist, and is therefore merged with the existing one. Due to this, "menu3" gets appended at the end of the menubar, instead of between "menu1" and "menu2". Similarily the order of the definition of the menus in component_b.rc is effectively ignored, because those menus have already been defined, previously.

    Elements to control merging

    Often times the above principles of merging are not good enough. Fortunately, there are several ways to control the details of merging.

    <Merge>

    The <Merge>-tag is the most basic element to control merging. It means that any actions from child clients will be inserted at this point, instead of at the end of the respective container. This is useful especially, if you want to make sure that one or more actions always remain at the end of a menu/toolbar. To achieve this, simply use a ui.rc-file like this:

     <Menu name="my_menu"><text>&Cool stuff</text>
       <Action name="first_action"/>
       <Merge/>
       <Action name="last_action"/>
     </Menu>
    

    <MergeLocal>

    This can only be used in the KDE global ui_standards.rc-file. It defines points where other entries can be merged in. It can be used both with a name-attribute, or without (in the latter case it acts as a catch-all merge place).

    Then, in your RC file, you can add a certain action or menu to a given MergeLocal.

    ui_standards.rc

     <Menu name="settings"><text>&Settings</text>
       ...
       <Action name="options_show_statusbar"/>
       <MergeLocal name="show_merge"/>
       <Separator/>
       ...
     </Menu>
    

    my_component.rc

     <Menu name="settings"><text>&Settings</text>
       <Action name="my_action" append="show_merge"/>
     </Menu>
    

    This way, the action "my_action" will be appended to the Settings menu after the "Show Statusbar" action, not at the end of the menu.

    However, the append attribute is only available for the mainwindow, not for parts and plugins.

    If you want to achieve the same result from a part or plugin, you can add a <DefineGroup> section in your main window's rc file that has the desired append attribute. Then, in your part/plugin rc file you create the Action with a group attribute.

    DefineGroup

    While <MergeLocal> can only be used in the KDE global ui_standards.rc, <DefineGroup> allows you to achieve something very similar: In the main_ui.rc put this:

     <Menu name="menu">
       <Action name="main1"/>
       <DefineGroup name="main_group1" append="main_group1"/>
       <Action name="main2"/>
       <DefineGroup name="main_group2" append="main_group2"/>
       <Action name="main3"/>
     </Menu>
    

    and in a child clients component_a.rc:

     <Menu name="menu">
       <Action name="a1"/>
       <Action name="a2" group="main_group2"/>
       <Action name="a3"/>
       <Action name="a4" group="main_group1"/>
       <Action name="a5" group="main_group1"/>
       <Action name="a6"/>
     </Menu>
    

    This effectively gets merged as:

     <Menu name="menu">
       <Action name="main1"/>
       <Action name="a4"/>
       <Action name="a5"/>
       <Action name="main2"/>
       <Action name="a2"/>
       <Action name="main3"/>
       <Action name="a1"/>
       <Action name="a3"/>
       <Action name="a6"/>
     </Menu>
    

    Things to note:

    • Actions a1, a3, and a6 are appended at the end of the menu, as this is the default behavior.
    • Actions a4, and a5 are inserted at the point where "main_group1" is defined, and Action a2 is inserted at the place of "main_group2".

    ActionList

    The <ActionList>-tag allows you to insert a group of actions at a particular point in the GUI at runtime. Expression error: Unrecognized word "x".::plugActionList() has good documentation on this.

    Limitations of merging and workarounds

    merging into children of a KXMLGUIClient

    KXMLGUIClients can form a hierarchy of parent/child-clients, and any number of child-clients can simply be inserted into a KXMLGUIClient to extend its GUI. Use cases for this include having a part-enabled application, and one of the parts including further plugins. Also in some cases its useful to split the GUI of an application into several different ui.rc-files, so allow better reuse of code.

    However, it is important to note, that limitations to merging apply in this case. Most importantly, a mergepoint <DefineGroup> can only be defined in the .rc-file, where the container is first defined (at least in kdelibs 4.2). E.g. consider you have the following main_ui.rc:

    <Menu name="menu1">

     <Action name="main1"/>
     <DefineGroup name="maingroup" append="group"/>
     <Action name="main2"/>
    

    </Menu>

    Now you insert a child with this ui.rc: <Menu name="menu1"/>

     <Action name="a1"/>
     <DefineGroup name="agroup1" append="agroup1"/>
     <Action name="a2"/>
    

    </Menu> <Menu name="menu2"/>

     <Action name="a3"/>
     <DefineGroup name="agroup2" append="agroup2"/>
     <Action name="a4"/>
    

    </Menu>

    Finally you insert a second child with this ui.rc: <Menu name="menu1"/>

     <Action name="b1" group="maingroup"/>
     <Action name="b2" group="agroup1"/>
    

    </Menu> <Menu name="menu2"/>

     <Action name="b3" group="agroup2"/>
    

    </Menu>

    The result of this will be: <Menu name="menu1"/>

     <Action name="main1"/>
     <Action name="b1"/>
     <Action name="main2"/>
     <Action name="a1"/>
     <Action name="a2"/>
     <Action name="b2"/>
    

    </Menu> <Menu name="menu2"/>

     <Action name="a3"/>
     <Action name="b3"/>
     <Action name="a4"/>
    

    </Menu>

    As you can see, group "agroup1" simply does not work, as it was defined inside a container that had previously been parsed. In contrast, "agroup2" works as expected, as "menu2" was not previously defined.

    The solution in this case is to define all needed groups in the topmost ui.rc-file.

    stripping down a KPart's GUI

    KParts allow you to add a whole lot of powerful functionality with just a few lines of code. That's great, but sometimes a KPart GUI offers more features than you actually want and clutters your applications GUI with features that are not really useful in the context of your application.

    In this case you have the following options:

    • Some KParts offer different UI sets. For example Expression error: Unrecognized word "x". offers different GUI-profiles in its constructor. Watch out for that, it might be just the set of functionality that you want.
    • You can also not merge a part GUI into your application. Instead you can simply add the actions/menus you want to your main_ui.rc, and connect them like this:

    SomePart *part = new SomePart (); KAction *part_action = part->action ("cool_action"); KAction *proxy_action = actionCollection ()->addAction ("cool_action_proxy", part_action, SLOT(trigger())); proxy_action->setText (part_action->text ());

    Of course, this can become quite tedious.
    • Finally, you can choose the hacky way and manipulate the XMLGUI-definition of the part to remove some of the stuff you don't want:

    void removeNamedElementsRecursive (const QStringList &names, QDomNode &parent) { QDomNode nchild;

    for (QDomNode child = parent.firstChild (); !child.isNull (); child = nchild) { removeNamedElementsRecursive (names, child);

    nchild = child.nextSibling (); // need to fetch next sibling here, as we might remove the child below if (child.isElement ()) { QDomElement e = child.toElement (); if (names.contains (e.attribute ("name"))) { parent.removeChild (child); } } } }

    void removeContainers (KXMLGUIClient *from, const QStringList &names, bool recursive) { QDomDocument doc = from->xmlguiBuildDocument (); if (doc.documentElement ().isNull ()) doc = from->domDocument ();

    QDomElement e = doc.documentElement (); removeNamedElementsRecursive (names, e); from->setXMLGUIBuildDocument (doc);

    if (recursive) { QList<KXMLGUIClient*> children = from->childClients (); QList<KXMLGUIClient*>::const_iterator it; for (it = children.constBegin (); it != children.constEnd (); ++it) { removeContainers ((*it), names, true); } } }

    void moveContainer (KXMLGUIClient *client, const QString &tagname, const QString &name, const QString &to_name, bool recursive) { QDomDocument doc = client->xmlguiBuildDocument (); if (doc.documentElement ().isNull ()) doc = client->domDocument ();

    // find the given elements QDomElement e = doc.documentElement ();

    QDomElement from_elem; QDomElement to_elem;

    QDomNodeList list = e.elementsByTagName (tagname); int count = list.count (); for (int i = 0; i < count; ++i) { QDomElement elem = list.item (i).toElement (); if (elem.isNull ()) continue; if (elem.attribute ("name") == name) { from_elem = elem; } else if (elem.attribute ("name") == to_name) { to_elem = elem; } }

    // move from_elem.parentNode ().removeChild (from_elem); to_elem.appendChild (from_elem);

    // set result client->setXMLGUIBuildDocument (doc);

    // recurse if (recursive) { QList<KXMLGUIClient*> children = client->childClients (); QList<KXMLGUIClient*>::const_iterator it; for (it = children.constBegin (); it != children.constEnd (); ++it) { moveContainer (*it, tagname, name, to_name, true); } } }

    [...]

    removeContainers (my_part, QStringList () << "action_we_dont_want" << "menu_we_dont_need", true); moveContainers (my_part, "Menu", "fancy_toplevel_menu", "fancy_menu_a_bit_less_visible", true);

    Warning: setXMLGUIBuildDocument() is (now) marked as for internal use, only. Unfortunately, setXMLFile() or setDOM() which would allow for a cleaner solution are not public in KXMLGUIClient.

    Further topics

    States

    Often you have sets of actions that you want to enable/disable according to some conditions. A very common example is enabling / disabling Cut/Copy-actions depending on whether there is a text-selection or not. This is easy to realize in plain C++-code, but KXMLGUI offers support for this in a very simple and clean way. Just put something like the following in your ui.rc:

    <State name="has_selection" >
     <enable>
      <Action name="edit_cut" />
      <Action name="edit_copy" />
      <Action name="invert_selection" />
     </enable>
    </State>
    <State name="has_no_selection" >
     <disable>
      <Action name="edit_cut" />
      <Action name="edit_copy" />
      <Action name="invert_selection" />
     </disable>
    </State>
    

    Now all you need to do in your C++-code is call KXMLGUIClient::stateChanged(), whenever the selection has changed.

    Notes:

    • A state can contain both a list of actions to enable and a list of actions to disable.
    • In the above example, the state "has_selection" is exactly the opposite to "has_no_selection" in terms of which actions to enable/disable. Strictly, in this case a single state "has_selection" is enough. For the no selection-case you would then call stateChanged ("has_selection", StateReverse).
    • A state-change affects only the client for which stateChanged() is called, not any of its siblings or children. If you want to change a state on several clients at once, you need to implement that yourself.

    ComponentData

    The componentData () (see KXMLGUIClient::setComponentData()) is used to differentiate between logical components. This affects, where configuration settings are stored for this KXMLGUIClient, and e.g. the KShortCutDialog uses this to group actions into different components.

    If you are developing a KPart for re-use in other applications, you will construct a KComponentData from your KAboutData. If the KXMLGUIClient/KPart you develop is only to be used inside your application, you probably want to set the following:

     setComponentData(KGlobal::mainComponent());
    

    Lookup of .rc files / versioning

    Usually, you supply a relative filename to KXMLGUIClient::setXML(). KDE looks for this file in a number of places (KXMLGUIClient::findMostRecentXMLFile), including in the user's home directory (see --kde4-config --path data), which is the first entry in the path. This means, ui-files can actually be overridden by the user (and among other things, this is used to save user settings such as customized toolbars or shortcuts.

    This is why it is important to always increase the version number or our ui.rc-file, when you make changes. This way you make sure, that your updated version is used, and not a previous version is picked up in the user's home directory. Note: The version must be an integer number, i.e. it may not contain dots or other non-digits like an application version number.