User:Claus chr/Visual Dictionary: Difference between revisions

From KDE UserBase Wiki
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
TODO: Make annotated images of
== The Plasma Desktop ==


{{Note|1=The Plasma Desktop can be configured in countless ways. The screenshots 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 /><!--}}-->


== The Plasma Desktop ==
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 13: 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 screen/Log out??? 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)
# A [[Special:myLanguage/Plasma#Folder Views|Folder View]] widget, showing the content of the Desktop folder
# A [[Special:myLanguage/Plasma#Folder Views|Folder View]] widget, showing the content of the Desktop folder


== Applications ==
== Application windows ==
 
[[Image:Plasma-application-window-annotated.png|thumb|center|500px|A simple application Window (click to enlarge).]]
 
# The '''Window menu'''
# Button to place this window on all desktops
# The '''Title Line'''
# Buttons to minimize, maximize, or close the window.
# The '''Menu Line'''
# The '''Tool Bar'''
# A '''Text Input Field'''
# A vertical '''Scroll Bar''' (there is also a horizontal scroll bar below the text field)
# The '''Status Line''' (below the horizontal scrollbar)
 
 
[[Image:Plasma-application-window-1-annotated.png|thumb|center|500px|Another application window (click to enlarge).]]
 
# A '''Docker''' containing a list of items, that can be selected
# A '''Breadcrumb''' of the path of the displayed folder
# A '''Folder''' icon
# An icon for a file. The icon depends on the file type
# A highlighted icon
# A '''Context Menu'''
# A '''Slider''' (this one determines the size of icons in the display)
# 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).]]
 
# An '''Icon List''' (the first icon has been selected by being clicked)
# '''Tabs'''
# A '''Drop Down List''', that has been clicked
# An '''Icon Button''' (this one resets the item to the default value)
# An item in the '''Drop Down List''' has been selected (clicked)
# Some '''Buttons'''
 
 
[[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 '''Check Box''' that has been selected
# A pair of '''Spinners'''
# A '''Menu Button'''
 
 
[[Image:Plasma-GUI-items-3-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]
 
# A '''List field''' with the first item selected
# A pair of '''Radio Buttons'''
# A '''Text Field'''
 
 
[[Image:Plasma-GUI-Items-4-annotated.png|thumb|center|500px|More interface elements in a dialog  (click to enlarge).]]
 


* Simple app window with annotations for...
Part of a dialog with five '''Combo boxes'''.
** Standard window thingies
** Menu bar
** Tool bar
** Input field w. scroll bar
* Dolphin with annotations for...
** Icons for files and folders
** Context menu
** Dockers (?) (Places, Filters)
** Status line
** Path breadcrumb (?)
* A couple of System Settings modules with annotations for...
** Groups (?)
** Tabs
** Text input line
** Spinner (?)
** Check Box
** Radio Button
** Combo box
** Drop Down List
** List Field
** Progress Line
** Slider
** Tree view


== Dialogs ==
== Dialogs ==
Line 55: Line 85:
* Fields (?)
* Fields (?)
* Sections (?)
* Sections (?)
* (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