User:Claus chr/Visual Dictionary: Difference between revisions

From KDE UserBase Wiki
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
== The Plasma Desktop ==
== The Plasma Desktop ==


{{Note|1=The Plasma Desktop can be configured in countless ways. The screenshot seen below shows a fairly standard desktop. Some distributions apply extensive costumizations, so your desktop may look different.}}
{{Note|1=The Plasma Desktop can be configured in countless ways. The screenshot seen below shows a fairly standard desktop. Some distributions apply extensive costumizations, so your desktop may look different.<br /><br /><!--}}-->
 
Similarly, the graphical appearance of the interface elements can be styled. These screenshots uses the KDE default style, Oxygen.}}<!--{{-->


[[Image:Plasma-desktop-annotated.png|thumb|center|500px|A fairly standard Plasma Desktop (click to enlarge).]]
[[Image:Plasma-desktop-annotated.png|thumb|center|500px|A fairly standard Plasma Desktop (click to enlarge).]]
Line 11: Line 13:
# The [[Special:myLanguage/Plasma/SystemTray|System Tray]]
# The [[Special:myLanguage/Plasma/SystemTray|System Tray]]
# The [[Special:myLanguage/Plasma/Clocks|Digital Clock]] widget
# The [[Special:myLanguage/Plasma/Clocks|Digital Clock]] widget
# The '''Lock/Logout''' widget
# The [[Special:myLanguage/Plasma/Panels#The Panel Toolbox|Panel Toolbox]] (previously known as a Cashew)
# The [[Special:myLanguage/Plasma/Panels#The Panel Toolbox|Panel Toolbox]] (previously known as a Cashew)
# The '''Desktop Toolbox''' (previously known as a Cashew)
# The '''Desktop Toolbox''' (previously known as a Cashew)
Line 20: Line 21:
[[Image:Plasma-application-window-annotated.png|thumb|center|500px|A simple application Window (click to enlarge).]]
[[Image:Plasma-application-window-annotated.png|thumb|center|500px|A simple application Window (click to enlarge).]]


# The Window menu
# The '''Window menu'''
# Button to place this window on all desktops
# Button to place this window on all desktops
# The Title Line
# The '''Title Line'''
# Buttons to minimize, maximize, or close the window.
# Buttons to minimize, maximize, or close the window.
# The menu
# The '''Menu Line'''
# The Tool Bar
# The '''Tool Bar'''
# A text input field
# A '''Text Input Field'''
# A vertical Scroll Bar (there is also a horizontal scroll bar below the text field)
# A vertical '''Scroll Bar''' (there is also a horizontal scroll bar below the text field)
# The Status Line
# The '''Status Line''' (below the horizontal scrollbar)
 


[[Image:Plasma-application-window-1-annotated.png|thumb|center|500px|Another application window (click to enlarge).]]
[[Image:Plasma-application-window-1-annotated.png|thumb|center|500px|Another application window (click to enlarge).]]
== Elements of the Graphical User Interface (GUI) ==


# A '''Docker''' containing a list of items, that can be selected
# A '''Docker''' containing a list of items, that can be selected
Line 42: Line 42:
# A '''Slider''' (this one determines the size of icons in the display)
# A '''Slider''' (this one determines the size of icons in the display)
# More '''Dockers'''
# More '''Dockers'''
== Elements of the Graphical User Interface (GUI) ==


[[Image:Plasma-GUI-items-1-annotated.png|thumb|center|500px|Some interface elements in a dialog (click to enlarge).]]
[[Image:Plasma-GUI-items-1-annotated.png|thumb|center|500px|Some interface elements in a dialog (click to enlarge).]]
Line 51: Line 53:
# An item in the '''Drop Down List''' has been selected (clicked)
# An item in the '''Drop Down List''' has been selected (clicked)
# Some '''Buttons'''
# Some '''Buttons'''


[[Image:Plasma-GUI-items-2-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]
[[Image:Plasma-GUI-items-2-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]


# A 'Tree View''' with one item expanded
# A '''Tree View''' with one item expanded
# A '''Check Box''' that has been selected
# A '''Check Box''' that has been selected
# A pair of '''Spinners'''
# A pair of '''Spinners'''
# A '''Menu Button'''
# A '''Menu Button'''


* More items
 
** Text input line
[[Image:Plasma-GUI-items-3-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]
** Radio Button
 
** Combo box
# A '''List field''' with the first item selected
** List Field
# A pair of '''Radio Buttons'''
** Progress Line
# A '''Text Field'''
 
 
[[Image:Plasma-GUI-Items-4-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]
 
 
Part of a dialog with five '''Combo boxes'''.


== Dialogs ==
== Dialogs ==
Line 76: Line 85:
* Fields (?)
* Fields (?)
* Sections (?)
* Sections (?)
* (expandable) Sidebars
* (expandable) Sidebars (as in fx KDevelop)
* Dockers ( = panels [[Dolphin/File_Management#Panels]] = side panels)

Latest revision as of 10:28, 14 July 2012

The Plasma Desktop

Note

The Plasma Desktop can be configured in countless ways. The screenshot seen below shows a fairly standard desktop. Some distributions apply extensive costumizations, so your desktop may look different.

Similarly, the graphical appearance of the interface elements can be styled. These screenshots uses the KDE default style, Oxygen.


A fairly standard Plasma Desktop (click to enlarge).
  1. The program starter. Usually this will be Kickoff.
  2. A couple of icons giving easy access to often used applications
  3. The Pager widget
  4. The Task Manager, which shows the titles of windows beloning to the applications currently running. No application had opened a window, when the screenshot was taken
  5. The System Tray
  6. The Digital Clock widget
  7. The Panel Toolbox (previously known as a Cashew)
  8. The Desktop Toolbox (previously known as a Cashew)
  9. A Folder View widget, showing the content of the Desktop folder

Application windows

A simple application Window (click to enlarge).
  1. The Window menu
  2. Button to place this window on all desktops
  3. The Title Line
  4. Buttons to minimize, maximize, or close the window.
  5. The Menu Line
  6. The Tool Bar
  7. A Text Input Field
  8. A vertical Scroll Bar (there is also a horizontal scroll bar below the text field)
  9. The Status Line (below the horizontal scrollbar)


Another application window (click to enlarge).
  1. A Docker containing a list of items, that can be selected
  2. A Breadcrumb of the path of the displayed folder
  3. A Folder icon
  4. An icon for a file. The icon depends on the file type
  5. A highlighted icon
  6. A Context Menu
  7. A Slider (this one determines the size of icons in the display)
  8. More Dockers

Elements of the Graphical User Interface (GUI)

Some interface elements in a dialog (click to enlarge).
  1. An Icon List (the first icon has been selected by being clicked)
  2. Tabs
  3. A Drop Down List, that has been clicked
  4. An Icon Button (this one resets the item to the default value)
  5. An item in the Drop Down List has been selected (clicked)
  6. Some Buttons


More interface elements in a dialog (click to enlarge).
  1. A Tree View with one item expanded
  2. A Check Box that has been selected
  3. A pair of Spinners
  4. A Menu Button


More interface elements in a dialog (click to enlarge).
  1. A List field with the first item selected
  2. A pair of Radio Buttons
  3. A Text Field


More interface elements in a dialog (click to enlarge).


Part of a dialog with five Combo boxes.

Dialogs

  • Information dialog
  • File Selection Dialog

Miscellaneous