Reloj de texto en Kotlin

Android TextClock es un control de interfaz de usuario que se utiliza para mostrar la fecha/hora en formato de string.

Proporciona la hora en dos modos, el primero es para mostrar la hora en formato de 24 horas y el otro es para mostrar la hora en formato de 12 horas. Podemos usar fácilmente el método is24HourModeEnabled() para mostrar el sistema usando TextClock en formato de 24 horas o 12 horas.

Primero, creamos un nuevo proyecto siguiendo los siguientes pasos: 

  1. Haga clic en Archivo , luego en Nuevo => Nuevo proyecto .
  2. Después de eso, incluya el soporte de Kotlin y haga clic en siguiente.
  3. Seleccione el SDK mínimo según su conveniencia y haga clic en el botón siguiente .
  4. Luego seleccione la actividad vacía => siguiente => finalizar .

Diferentes atributos para el widget TextClock

atributos XML Descripción
Android: identificación Se utiliza para especificar el id de la vista.
Android: zona horaria Se utiliza para especificar la zona para la hora.
Android: formato 12 horas Se utiliza para el formato de 12 horas.
Android: formato 24 horas Se utiliza para el formato de 24 horas.
android:texto Se utiliza para especificar el texto.
Android: estilo de texto Se utiliza para especificar el estilo del texto.
Android:Tamaño del texto Se utiliza para especificar el tamaño del texto.
android:fondo Se utiliza para establecer el fondo de la vista.
Android: relleno Se utiliza para establecer el relleno de la vista.
Android: visibilidad Se utiliza para establecer la visibilidad de la vista.
Android: gravedad Se usa para especificar la gravedad de la vista como centro, arriba, abajo, etc.

Modificar archivo activity_main.xml

En este archivo, usamos TextClock, TextView y Button y establecemos atributos para todos los widgets. 

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
 
    <TextClock
        android:id="@+id/txtClok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"
        android:layout_marginLeft="70dp"
        android:format12Hour="hh:mm:ss a"
        android:textColor="#F1912F"
        android:textSize="30dp"
        android:textStyle="italic"/>
 
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/txtClok"
        android:layout_below="@+id/txtClok"
        android:layout_marginLeft="40dp"
        android:text="Show Time"/>
 
    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignLeft="@+id/btn"
        android:layout_below="@+id/btn"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="-50dp"
        android:textSize="25dp"
        android:textStyle="normal"/>
</RelativeLayout>

Actualizar el archivo strings.xml

Aquí, actualizamos el nombre de la aplicación usando la etiqueta de string. 

XML

<resources>
    <string name="app_name">TextClockInKotlin</string>
</resources>

Acceda a TextClock en el archivo MainActivity.kt

Primero, declaramos dos variables txtClock y txtView para acceder a los widgets desde el diseño XML usando la id. 

val txtClock = findViewById<TextClock>(R.id.txtClok)
        val txtView = findViewById<TextView>(R.id.textview)

luego, accedemos al botón y configuramos OnClickListener para mostrar la hora mientras hacemos clic en el botón. 

val btn = findViewById<Button>(R.id.btn)
    btn?.setOnClickListener {
    txtView?.text = "Time: " + txtClock?.text

Kotlin

package com.geeksforgeeks.myfirstKotlinapp
 
import androidx.appcompat.app.AppCompatActivity
 
import android.os.Bundle
import android.widget.Button
import android.widget.TextClock
import android.widget.TextView
 
 
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        val txtClock = findViewById<TextClock>(R.id.txtClok)
        val txtView = findViewById<TextView>(R.id.textview)
 
        val btn = findViewById<Button>(R.id.btn)
        btn?.setOnClickListener {
            txtView?.text = "Time: " + txtClock?.text
        }
    }
}

Archivo AndroidManifest.xml

Kotlin

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.geeksforgeeks.myfirstKotlinapp">
 
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
</manifest>

Ejecutar como emulador:

 
 

Publicación traducida automáticamente

Artículo escrito por Praveenruhil y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *