Pola tekstowe

TextViews- pola tekstowe

Jednym z najprostszych komponentów jest pole tekstowe (klasa TextView) służące do prezentacji tekstu. Ta kontrolka z poziomu zwykłej pracy nie może być edytowalna przez użytkownika. Zmiana jej zwartości w pracującej aplikacji możliwa jest po wykonaniu jakiejś czynności, na przykład wyboru opcji ustawień, kliknięcia w przycisk itp. Takie zmiany realizowane są z poziomu kodu. Ta kontrolka jest odpowiednikiem na przykład kontrolki Label z formatek znanych w Visual Studio.

Rozbudowane wersje tej kontrolki to PlainText (EditTextText), Password (EditTextTextPassword) itp. które dziedziczą po klasie EditText, a ta klasa po klasie TextView. Te rodzaje kontrolek umożliwiają prowadzenie edycji zawartości

Kontrolka TextView oraz różne warianty kontrolki EditText dostępne są w zakładce Palett/ Text

Android Studio TextView

Prosta aktywność z kontrolką TextView i EditText

Utwórz nowy projekt (New Project/ Empty Views Activity).Domyślnie został utworzony układ ConstraintLayout- zachowaj go. Na aktywności umieść jedna kontrolkę typu TextView, Plain Text (EditTextTex) oraz Number ( EditTextText). Ustaw podstawowe właściwości związane z pozycja i wielkością czcionki.

Android Studio Plain Text

Prezentowany układ opisuje poniższa zawartość pliku układu aktywności

Wskazówka:


<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".OknoGlowne">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="88dp"
        android:text="TextView"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/editTextText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:layout_marginTop="72dp"
        android:layout_marginEnd="100dp"
        android:ems="10"
        android:inputType="text"
        android:text="Name"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.507"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <EditText
        android:id="@+id/editTextNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editTextText"
        app:layout_constraintVertical_bias="0.23" />
</androidx.constraintlayout.widget.ConstraintLayout>

Zwróć uwagę, że kontroli dziedziczące po klasie EditText między innymi różnią się polem inputTyp

Wskazówka:


android:inputType="text"
android:inputType="number"

Ta właściwość decyduje o zachowaniu się kontrolek podczas wprowadzania danych. Pozostałe właściwości są natury wizualnej. Każde z tych pól edycyjnych inaczej się zachowuje. Skompiluj projekt i sprawdź.

Android Studio inputType

Rodzina kontrolek typu EditText zawiera kilkanaście wariantów trybu pracy. Przykładowo pracę z edycją tekstów o wielu liniach ułatwia kontrolka MultilineText

Android Studio EditText

Samodzielnie sprawdź zachowanie się pozostałych kontrolek edycyjnych.

przepis na gogfry

Przepis na gofry

zobacz
przepis na bitą śmietanę

Przepis na bitą śmietanę

zobacz