TransportadorView en Android

En este artículo, ProtractorView se agrega en Android. ProtractorView es una vista Seekbar semicircular para seleccionar un ángulo de 0° a 180. Seekbar es un tipo de barra de progreso. Cambie el cursor de 0° a 180 para seleccionar un ángulo. A continuación se muestra la imagen de ProtractorView .
 

ProtractorView in Android

Acercarse:

Paso 1: agregue la biblioteca de soporte en su archivo raíz build.gradle (no en su archivo de módulo build.gradle). Esta biblioteca jitpack es un repositorio de paquetes novedosos. Está hecho para JVM para que cualquier biblioteca que esté presente en github y bigbucket se pueda usar directamente en la aplicación.

XML

      
allprojects {         
   repositories {         
      maven { url 'https://jitpack.io' }         
  }
}         

Paso 2: agregue la biblioteca de soporte en el archivo build.gradle y agregue la dependencia en la sección de dependencias. Ayuda a los desarrolladores a agregar directamente la Vista del transportador directamente en archivos XML.

XML

       
dependencies {         
        implementation 'com.github.GoodieBag:ProtractorView:v1.2'
}

Paso 3: agregue el siguiente código en el archivo activity_main.xml . En este archivo, agregue ProtractorView y TextView al diseño.

activity_main.xml

   
<?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=".MainActivity">
  
    <com.goodiebag.protractorview.ProtractorView
        android:id="@+id/protractorview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:textProgressColor="#FF00"
        app:tickProgressColor="#abe6"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
  
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="136dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent" />
  
</androidx.constraintlayout.widget.ConstraintLayout>

Paso 4: agregue el siguiente código en el archivo MainActivity.java . En este archivo, agregue intervalo, color y setOnProtractorViewChangeListener a nuestro ProtractorView . Cada vez que se cambia el progreso, setOnProtractorViewChangeListener se invoca automáticamente. Aquí el valor de ángulo cambiado se muestra en TextView.

MainActivity.java

   
package org.geeksforgeeks.protractorview
  
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Build;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;
  
import com.goodiebag.protractorview.ProtractorView;
  
public class MainActivity extends AppCompatActivity {
  
    TextView textView;
  
    @RequiresApi(api = Build.VERSION_CODES.M)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
  
        ProtractorView protractorView = (ProtractorView) 
                       findViewById(R.id.protractorview);
        textView  = findViewById(R.id.textView);
  
  
        protractorView.setTickIntervals(15);
        protractorView.setArcColor(getColor(R.color.colorAccent));
        protractorView.setProgressColor(getColor(R.color.myColor));
  
        protractorView.setOnProtractorViewChangeListener(new 
               ProtractorView.OnProtractorViewChangeListener() {
            @Override
            public void onProgressChanged(ProtractorView pv,
                        int progress, boolean b) {
               textView.setText(""+progress);
            }
  
            @Override
            public void onStartTrackingTouch(ProtractorView pv) {
  
            }
  
            @Override
            public void onStopTrackingTouch(ProtractorView pv) {
  
            }
        });
    }
  
}

Producción:

Para obtener más información, consulte la documentación oficial.

Publicación traducida automáticamente

Artículo escrito por madhavmaheshwarimm20 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 *