imported>PerfektesChaos: tk k

2023-07-18T22:54:12Z

tk k

Neue Seite

[[Datei:Radiobuttons.gif|mini|Radiobuttons in [[Java (Programmiersprache)|Java]]]]
Ein '''Radiobutton''' (auch '''Optionsfeld''', fälschlicherweise auch '''Mehrfachoptionsfeld''' oder '''Optionsschaltfläche''') ist ein [[Steuerelement]] [[Grafische Benutzeroberfläche|grafischer Benutzeroberflächen]], das der Auswahl genau einer Option aus mehreren dient.

== Funktionsweise ==
Radiobuttons sind meist unter-, manchmal auch nebeneinander angeordnete kleine Kreise, gefolgt von kurzen Beschreibungstexten. Die Kreise können zwei Zustände annehmen: ''nicht markiert'' (leer [[Datei:Ic radio button off 48px.svg|frameless|text-bottom|x13px|link=|Radiobutton nicht ausgewählt]]) und ''markiert'' (mit einem Punkt in der Mitte [[Datei:Ic radio button on 48px.svg|frameless|text-bottom|x13px|link=|Radiobutton ausgewählt]]). [[Zeichenorientierte Benutzerschnittstelle|Zeichenorientierte Benutzeroberflächen]] (TUI) stellen den markierten Zustand in der Regel als {{nowrap|<code>(•)</code>}} und den nicht markierten Zustand als {{nowrap|<code>( )</code>}} dar.<ref>''Designing Forms'' > ''Controls Summary'' > ''Option Button Control''. In: ''Microsoft Visual Basic 1.0 for MS-DOS'' (''VBDOS.HLP''). Microsoft, 1992 (englisch).</ref> Von mehreren Radiobuttons einer Gruppe kann immer nur einer markiert werden. Sobald ein Radiobutton markiert wird, wird eine eventuell vorhandene Markierung eines anderen Radiobuttons derselben Gruppe gelöscht. Der Initialzustand kann entweder sein, dass ein bestimmter oder kein einziger Radiobutton vorgewählt ist. Ob es, wenn ein Radiobutton markiert ist, möglich ist, die Gruppe wieder in einen Zustand zu bringen, in dem kein einziger Radiobutton markiert ist, hängt von der Implementierung ab.

== Wortherkunft ==
[[Datei:Car Radio of Analog Era.jpg|mini|Ein [[Radio]] mit mehreren Radiobuttons.]]
[[Datei:BlaupunktRadio1954.jpg|mini|[[Röhrenradio]] von 1954. Das Drücken einer [[Taste]] löst die zuvor eingerastete Taste und bewirkt damit das Umschalten zu einem anderen [[Klangfilter]] oder [[Wellenbereich]].]]
Der Name Radiobutton kommt daher, weil dieses Verhalten den mechanischen [[Taste]]n ähnelt, die es früher häufig bei [[Radio]]geräten gab. Wird eine dieser Tasten gedrückt, rastet sie ein und gleichzeitig wird die bisher gedrückte Taste gelöst.

Am [[Computer]] muss der Auswahlvorgang in der Regel durch [[Mausklick]] auf eine [[Schaltfläche]] zur Bestätigung abgeschlossen werden.

== Abgrenzung ==
Die ähnlich gestalteten [[Checkbox]]en erlauben nicht nur die Auswahl ''eines'' Punktes der Liste, sondern beliebig vieler.

== Programmierung ==
In den meist hierarchisch aufgebauten [[GUI-Toolkit]]s schließen sich diejenigen Optionsfelder gegenseitig aus, die derselben, meist durch einen beschrifteten Rahmen visualisierten Gruppe zugeordnet wurden (siehe Bildschirmfoto).

=== HTML ===
Optionsfelder können seit [[Hypertext Markup Language|HTML]] 2.0 in [[Webseite]]n mit Hilfe des [[Tag (Informatik)|Tags]] <syntaxhighlight lang="html" style="white-space:nowrap" inline><input type="radio"></syntaxhighlight> genutzt werden.<ref>{{RFC-Internet |RFC=1866 |Titel=Hypertext Markup Language – 2.0 |Datum=1995-11 |Autor=[[Tim Berners-Lee]], Dan Connolly |Abschnitt=8.1.2.4 |Abschnittstitel=Radio Button: INPUT TYPE=RADIO}}</ref> Der aktuelle Wert des Optionsfeldes kann über das boolsche Attribut <code>checked</code> gesetzt und gelesen werden. Seit Version 3.0 können Formularelemente über das boolsche Attribut <code>disabled</code> deaktiviert werden.<ref>{{Internetquelle |autor=Dave Raggett |url=https://www.w3.org/MarkUp/html3/html3.txt |titel=HyperText Markup Language Specification Version 3.0 |werk=w3.org |hrsg=[[World Wide Web Consortium]] |datum=1995-03-28 |seiten=130 |format=TXT; 372 kB |sprache=en |abruf=2023-05-12}}</ref>
Zusammengehörende und sich damit gegenseitig ausschließende Optionsfelder müssen dabei denselben Namen (Attribut <code>name</code>) tragen.

[[XForms]] nutzt Optionsfelder zur Darstellung von <code>select1</code>-Elementen, wenn das vollständige Erscheinungsbild (<code>appearance="full"</code>) gewählt wurde.<ref>{{Internetquelle |autor=Micah Dubinko et al. |url=https://www.w3.org/TR/2003/REC-xforms-20031014/index-all.html#ui-selectOne |titel=XForms 1.0 |titelerg=The select1 Element |werk=w3.org |datum=2003-10-14 |sprache=en |abruf=2023-05-18}}</ref>

=== C# ===
Das folgende [[C-Sharp|C#]]-Beispiel verdeutlicht die Nutzung der [[Klasse (Objektorientierung)|Klasse]] <code>System.Windows.Forms.RadioButton</code> aus dem [[GUI-Toolkit|Komponentenframework]] [[Windows Forms]].<ref>{{Internetquelle |url=https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.radiobutton |titel=RadioButton Class |werk=learn.microsoft.com |hrsg=Microsoft |sprache=en |abruf=2023-05-12}}</ref> Es zeigt die Implementierung eines [[Fenster (Computer)|Fensters]] mit drei Optionsfeldern und einem [[Textfeld]]. Das Klick-[[Ereignis (Programmierung)|Ereignis]] der einzelnen Optionsfelder ist mit einer gemeinsamen Ereignisbehandlungsroutine verknüpft, die die Beschriftung des markierten Optionsfeldes dem [[Text]] des Textfeldes zuweist.

<syntaxhighlight lang="c#">
using System.Windows.Forms;

public class MainForm : System.Windows.Forms.Form
{
private System.Windows.Forms.RadioButton[] radioButtons;
private System.Windows.Forms.TextBox outputTextBox;
private System.Windows.Forms.GroupBox groupBox;

// Konstruktor des Hauptfensters.
public MainForm()
{
InitializeRadioButtonsAndTextBox();
}

// Startet die Anwendung und erzeugt das Hauptfenster durch Aufruf des Konstruktors.
public static void Main()
{
Application.Run(new MainForm());
}

// Initialisiert die Radiobuttons und das Textfeld.
private void InitializeRadioButtonsAndTextBox()
{
// Erzeugt 3 Radiobuttons und ein Textfeld durch Aufruf der Standardkonstruktoren.
int radioButtonsCount = 3;
radioButtons = new RadioButton[radioButtonsCount]; // Erzeugt ein Array von Radiobuttons.

SuspendLayout();

groupBox = new GroupBox();

// Diese for Schleife initialisiert die einzelnen Radiobuttons des Arrays und fügt sie dem GroupBox hinzu.
for (int i = 0; i < radioButtonsCount; i++)
{
RadioButton newRadioButton = new RadioButton();
newRadioButton.Location = new System.Drawing.Point(50, 25 * i + 50);
newRadioButton.Width = 200;
newRadioButton.Click += new EventHandler(NewRadioButton_Clicked); // Verknüpft das Klick-Ereignis mit der gemeinsamen Ereignisbehandlungsmethode.
groupBox.Controls.Add(newRadioButton);
radioButtons[i] = newRadioButton;
}
radioButtons[0].Text = "Normal";
radioButtons[1].Text = "Erweitert";
radioButtons[2].Text = "Regulärer Ausdruck";

groupBox.Size = new System.Drawing.Size(Width, 150);
groupBox.Anchor = AnchorStyles.Left | AnchorStyles.Right | AnchorStyles.Top;
Controls.Add(groupBox);

outputTextBox = new TextBox();
outputTextBox.Location = new System.Drawing.Point(50, 25 * radioButtonsCount + 100);
outputTextBox.Size = new System.Drawing.Size(200, 50);
outputTextBox.Multiline = true; // Legt fest, dass das Textfeld mehrere Zeilen haben kann und Zeilenumbrüche ermöglicht.
Controls.Add(outputTextBox);

Text = "Suchen und Ersetzen"; // Setzt die Beschriftung des Hauptfensters.

ResumeLayout(false);
PerformLayout();
}

// Diese Methode wird aufgerufen, wenn der Benutzer auf einen Radiobutton klickt.
private void NewRadioButton_Clicked(object sender, System.EventArgs e)
{
// Setzt den Text in der Textbox auf die Beschriftung des ausgewählten Radiobuttons.
RadioButton radioButton = (RadioButton) sender; // Typumwandlung der Variable sender vom Typ object in den abgeleiteten Typ RadioButton
outputTextBox.Text = radioButton.Text;
}
}
</syntaxhighlight>

== Weblinks ==
{{Wiktionary}}
* [https://developer.apple.com/design/human-interface-guidelines/toggles/#Radio-buttons Apple Human Interface Guidelines über Radiobuttons.] developer.apple.com (englisch).
* [https://learn.microsoft.com/en-us/windows/win32/uxguide/ctrl-radio-buttons klassische Apps] und [https://learn.microsoft.com/en-us/windows/apps/design/controls/radio-button UWP Apps.] Microsoft Design Guidelines über Radiobuttons (englisch).

== Einzelnachweise ==
<references />

[[Kategorie:Steuerelement einer grafischen Benutzeroberfläche]]

Radiobutton - Versionsgeschichte

imported>PerfektesChaos: tk k