Color y formatos

AndridStudio Eduar

Proyecto AccountBook

procesos para crear una aplicación desde cero

Activity principal

<?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=".LogIn">


    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/imageView"
        android:layout_width="400dp"
        android:layout_height="400dp"
        android:layout_marginTop="20dp"
        android:src="@drawable/ic_undraw_income"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="ImageContrastCheck,ImageContrastCheck" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:textSize="24sp"
        android:textStyle="bold"
        android:text="@string/app_name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/des_app"
        android:padding="40dp"
        app:layout_constraintBottom_toTopOf="@+id/buttonLogIn"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/buttonLogIn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/btn_neutral"
        android:text="@string/login"
        android:foreground="?android:attr/selectableItemBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="UnusedAttribute" />
</androidx.constraintlayout.widget.ConstraintLayout>

Colores

//colores interfas de la app 

<color name="colorPrimary">#3F3D56</color>
<color name="colorPrimaryDark">#3F3D56</color>
<color name="colorAccent">#03DAC6</color>

// Colores interfaz 2 de la app #00FFFF
<color name="colorPrimary1">#008B93</color>
<color name="colorPrimaryDark1">#008B93</color>
<color name="colorAccent1">#03DAC5</color>

<color name="colorPrimaryDark_gravit">#01796D</color>
<color name="colorPrimary_gravit">#009688</color>
<color name="colorAccent_gravit">#00FFFF</color>

// colres secundarios
<color name="colorgreen">#009688</color>
<color name="colorSecondary">#018786</color>
<color name="colorError">#B00020</color>

// color red
<color name="red_50">#FFEBEE</color>
<color name="red_100">#FFCDD2</color>
<color name="red_200">#EF9A9A</color>
<color name="red_300">#E57373</color>
<color name="red_400">#EF5350</color>
<color name="red_500">#F44336</color>
<color name="red_600">#E53935</color>
<color name="red_700">#D32F2F</color>
<color name="red_800">#C62828</color>
<color name="red_900">#B71C1C</color>
<color name="red_A100">#FF5252</color>
<color name="red_A400">#FF1744</color>
<color name="red_A700">#D50000</color>

// PURPLE
<color name="purple_50">#F3E5F5</color>
<color name="purple_100">#E1BEE7</color>
<color name="purple_200">#CE93D8</color>
<color name="purple_300">#BA68C8</color>
<color name="purple_400">#AB47BC</color>
<color name="purple_500">#9C27B0</color>
<color name="purple_600">#8E24AA</color>
<color name="purple_700">#7B1FA2</color>
<color name="purple_800">#E1BEE7</color>
<color name="purple_900">#4A148C</color>
<color name="purple_A100">#EA80FC</color>
<color name="purple_A200">#7C4DFF</color>
<color name="purple_A400">#651FFF</color>
<color name="purple_A700">#6200EA</color>
//mas
<color name="purple_AB200">#BB86FC</color>
<color name="purple_AB500">#6200EE</color>
<color name="purple_AB600">#4B01D0</color>
<color name="purple_AB700">#3700B3</color>
<color name="purple_message">#6C63FF</color>

//Color cian
<color name="cyan_50">#E0F7FA</color>
<color name="cyan_100">#B2EBF2</color>
<color name="cyan_200">#80DEEA</color>
<color name="cyan_300">#4DD0E1</color>
<color name="cyan_400">#26C6DA</color>
<color name="cyan_500">#00BCD4</color>
<color name="cyan_600">#00ACC1</color>
<color name="cyan_700">#0097A7</color>
<color name="cyan_800">#00838F</color>
<color name="cyan_900">#006064</color>
<color name="cyan_A100">#84FFFF</color>
<color name="cyan_A200">#18FFFF</color>
<color name="cyan_A400">#00E5FF</color>
<color name="cyan_A700">#00B8D4</color>

// color blue
<color name="blue_A100">#82B1FF</color>
<color name="blue_A200">#448AFF</color>
<color name="blue_A400">#2979FF</color>
<color name="blue_A700">#2962FF</color>


// color light blue
<color name="blue_light_50">#E1F5FE</color>
<color name="blue_light_100">#B3E5FC</color>
<color name="blue_light_200">#81D4FA</color>
<color name="blue_light_300">#4FC3F7</color>
<color name="blue_light_400">#29B6F6</color>
<color name="blue_light_500">#03A9F4</color>
<color name="blue_light_600">#039BE5</color>
<color name="blue_light_700">#0288D1</color>
<color name="blue_light_800">#0277BD</color>
<color name="blue_light_900">#01579B</color>
<color name="blue_light_A200">#40C4FF</color>
<color name="blue_light_A400">#00B0FF</color>
<color name="blue_light_A700">#0091EA</color>

// color teal
<color name="teal_A100">#A7FFEB</color>
<color name="teal_A200">#64FFDA</color>
<color name="teal_A400">#1DE9B6</color>
<color name="teal_A700">#00BFA5</color>


<color name="green_t200">#b7e1cd</color>
b7e1cd

// color green
<color name="green_50">#E8F5E9</color>
<color name="green_100">#C8E6C9</color>
<color name="green_200">#A5D6A7</color>
<color name="green_300">#81C784</color>
<color name="green_400">#66BB6A</color>
<color name="green_500">#4CAF50</color>
<color name="green_600">#43A047</color>
<color name="green_700">#388E3C</color>
<color name="green_800">#2E7D32</color>
<color name="green_900">#1B5E20</color>
<color name="green_A100">#B9F6CA</color>
<color name="green_A200">#69F0AE</color>
<color name="green_2400">#00E676</color>
<color name="green_A700">#00C853</color>

// color light green
<color name="green_light_A100">#CCFF90</color>
<color name="green_light_A200">#B2FF59</color>
<color name="green_light_2400">#76FF03</color>
<color name="green_light_A700">#64DD17</color>

// color complementary green
<color name="complementary_50">#F2FDE4</color>
<color name="complementary_100">#DEFABB</color>
<color name="complementary_200">#C6F68D</color>
<color name="complementary_300">#AAF255</color>
<color name="complementary_400">#90EE02</color>
<color name="complementary_500">#75E900</color>
<color name="complementary_600">#61D800</color>
<color name="complementary_700">#41C300</color>
<color name="complementary_800">#09AF00</color>
<color name="complementary_900">#008B00</color>

// notes color orange
<color name="orange_triadic_50">#ECEFF1</color>

// blue grey
<color name="blue_grey_50">#ECEFF1</color>
<color name="blue_grey_100">#CFD8DC</color>
<color name="blue_grey_200">#B0BEC5</color>
<color name="blue_grey_300">#90A4AE</color>
<color name="blue_grey_400">#78909C</color>
<color name="blue_grey_500">#607D8B</color>
<color name="blue_grey_600">#546E7A</color>
<color name="blue_grey_700">#455A64</color>
<color name="blue_grey_800">#37474F</color>
<color name="blue_grey_900">#263238</color>

// color blue green
<color name="blue_green_200">#9fdbde</color>

// color black
<color name="black_800">#121212</color>
<color name="black_900">#000000</color>

// colors adds
<color name="colorRed500">#FFABA6</color>
<color name="colorRed200">#FADFDD</color>
<color name="colorOrange">#FF890B</color>
<color name="colorWhite">#FFFFFF</color>
<color name="blue">#2196F3</color>
<color name="colorGreen200">#BFE7E9</color>
<color name="colorGrey">#e0e0e0</color>

// color grey
<color name="grey_50">#FAFAFA</color>
<color name="grey_100">#F5F5F5</color>
<color name="grey_200">#EEEEEE</color>
<color name="grey_300">#E0E0E0</color>
<color name="grey_400">#BDBDBD</color>
<color name="grey_500">#9E9E9E</color>
<color name="grey_600">#757575</color>
<color name="grey_700">#616161</color>
<color name="grey_800">#424242</color>

<color name="grey_900">#212121</color>

Cambiar color de un activity en codigo java

Codigo dentro de onCreate

this.window=getWindow();

String ColorPrimary = "#6C63FF";
String ColorPrimaryDark = "#6C63FF";
String Background = "#FFFFFF";
newColor(ColorPrimary,ColorPrimaryDark,Background);

private void newColor(String primaryDark, String primary, String Background){
    window.setStatusBarColor(Color.parseColor(primaryDark));
    Objects.requireNonNull(getSupportActionBar()).setBackgroundDrawable(new ColorDrawable(Color.parseColor(primary)));
    window.setBackgroundDrawable(new ColorDrawable(Color.parseColor(Background)));
    //window.setNavigationBarColor(Color.parseColor(primary));
}

Borde redondeado

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp"/>
    <stroke android:width="2dp" android:color="@color/cyan_50"/>
    <solid android:color="@color/cyan_50"/>
</shape>

AndroidEstudio.Eduar

Buscar este blog

Color y formatos

AndridStudio Eduar

Activity principal

Colores

Cambiar color de un activity en codigo java

Borde redondeado

Comentarios

Publicar un comentario