¿Cómo agregar SlantedTextView en la aplicación de Android?

SlantedTextViewes una biblioteca de Android que nos permite crear fácilmente un texto inclinado en una aplicación de Android. Podemos usar esta función en muchas aplicaciones, como la aplicación de cursos educativos o la aplicación basada en suscripción, y en muchas otras aplicaciones donde algunas funciones están disponibles de forma gratuita y otras son funciones de pago. Tenga en cuenta que vamos a implementar este proyecto utilizando el  lenguaje Java  . 

Atributos de SlantedTextView 

Modo inclinado diferente

Implementación paso a paso

Paso 1: Crear un nuevo proyecto

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que seleccione Java como lenguaje de programación.

Paso 2: antes de ir a la sección de codificación, primero haga una tarea previa

Vaya a aplicación -> res -> valores -> archivo colors.xml y configure los colores para la aplicación.

<?xml version="1.0" encoding="utf-8"?>
<resources>
 
    <color name="colorPrimary">#0F9D58</color>
    <color name="colorPrimaryDark">#0F9D58</color>
    <color name="colorAccent">#05af9b</color>
    <color name="white">#ffffff</color>
   
</resources>

Vaya a la sección Gradle Scripts -> build.gradle (Módulo: aplicación) e importe las siguientes dependencias y haga clic en » sincronizar ahora » en la ventana emergente anterior.

implementación ‘com.haozhang.library:android-slanted-textview:1.2’

Paso 3: Diseño de la interfaz de usuario

En activity_main.xml, elimine la vista de texto predeterminada y cambie el diseño a RelativeLayout y agregue SlantedTextView y un TextView normal como se muestra a continuación. Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo   activity_main.xml .

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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">
     
    <!-- adding slant text view -->
    <com.haozhang.lib.SlantedTextView
        android:id="@+id/slantTextView"
        android:layout_width="80dp"
        android:layout_height="80dp"
        app:slantedBackgroundColor="@color/colorPrimary"
        app:slantedLength="40dp"
        app:slantedMode="left"
        app:slantedText="Pro"
        app:slantedTextColor="@color/white"
        app:slantedTextSize="16sp" />
     
    <!-- normal text view -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:text="Advance Programming in Python"
        android:textSize="24dp" />
     
</RelativeLayout>

Propiedades de SlantedTextView 

Paso 4: Parte de codificación

No hay nada que hacer con MainActivity.java , pero podemos hacer cambios en SlantedTextView usando código java, para esto, creamos un método slantText() , dentro del cual creamos e inicializamos SlantedTextView y cambia su valor como se muestra a continuación. 

void slantText()
 {
        // getting slant text view reference
        SlantedTextView slantedTextView =(SlantedTextView)findViewById(R.id.slantTextView);
 
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
  }

A continuación se muestra el código completo del archivo MainActivity.java . Se agregan comentarios dentro del código para comprender el código con más detalle.

import android.graphics.Color;
import android.os.Bundle;
 
import androidx.appcompat.app.AppCompatActivity;
 
import com.haozhang.lib.SlantedTextView;
 
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         
        // call if we need
        // slantText();
    
    }
 
    void slantText() {
         
        // getting slant text view reference
        SlantedTextView slantedTextView = (SlantedTextView) findViewById(R.id.slantTextView);
 
        // changing the values of slant text view
        slantedTextView.setText("Pro") // change the text
                .setTextColor(Color.WHITE) // change the text color
                .setSlantedBackgroundColor(Color.RED) // change the text background color
                .setTextSize(16) // change the text size
                .setSlantedLength(40) // change the slanted length
                .setMode(SlantedTextView.MODE_LEFT); // change the Mode
    }
}

 
 Producción: