Se va ha hacer una app con una imagen y dos botones
Se va tener una interfaz para los que tengan su perfil creado
Android studio
new
no activity
name fisbookApp
package name NO CAMBIAR.
sabe location NO CAMBIAR
languaje Java
SDK Api 21 Lolipop 5.0
build configburation languaje Grovvy DSL
Ir a la carpeta de app e ir a java
ir a la que no tiene texto
click derecho
new
activity
empy views activity
Activity name Opcionusuarioactivity
Layout name NO TOQUES
launcher activity CHECK
package name NO QTOQUES
sourse languaje Java
<androidx.constraintlayout.widget.ConstraintLayout xmlns:a es el contenedor
puede ser el mas tedioso, toca centrar manualmente uniendo los filos del texto, pero hay algo mejor
con androidx.coordinatorlayout.widget.CoordinatorLayout
<LinearLayout
"match_parent" es ancho de pantalla
android:orientation="horizontal" uno alado del otro
android:orientation="vertical" uno abajo del otro
android:layout_gravity="center"
ir a powertoys
win shit c
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Feisbook"
android:textColor="@color/white"
android:textSize="26sp"
android:textAlignment="center"
ir a app - res
new
Android resourse directory
resourse type Font
ok
ir a https://fonts.google.com/specimen/Momo+Trust+Display?preview.text=Feisbook
get Font
extraer
copia el archivo ttf
pegar en Font
android:layout_marginTop Separa espacios
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp" Aleja de los extremos
CODIGO ->
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3c5995"
tools:context=".Opcionusuarioactivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/fuente"
android:text="Feisbook"
android:textColor="@color/white"
android:textSize="26sp"
android:textAlignment="center" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="38dp"
android:gravity="center"></LinearLayout>
<com.google.android.material.button.MaterialButton
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_weight="1"
android:backgroundTint="#FFFFFF"
android:text="Inicio seccion"
android:textColor="#3c5995"
app:cornerRadius="10dp"
android:layout_marginTop="30dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:textStyle="bold"
android:textSize="15sp"></com.google.android.material.button.MaterialButton>
<com.google.android.material.button.MaterialButton
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_weight="1"
android:backgroundTint="#CDDC39"
android:text="Inicio seccion"
android:textColor="#FF5722"
app:cornerRadius="10dp"
android:layout_marginTop="30dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:textStyle="bold"
android:textSize="15sp"></com.google.android.material.button.MaterialButton>
</LinearLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
nuvo código
Ir a Res
values
string
<resources>
<string name="app_name">feisbookApp</string>
<string name="button_login">Iniciar Seccion</string>
<string name="button_new_cuenta">Crear cuenta</string>
</resources>
se cambia en el XML los android:text= "@string/button_login"
values
colors
<color name="faceprima">#3c5995</color>
cambia por android:textColor="@color/faceprima"
añadir android:id="@+id/btnainiciar"
android:id="@+id/btnaregistro"
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3C5995"
tools:context=".Opcionusuarioactivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/fuente"
android:text="Feisbook"
android:textColor="@color/white"
android:textSize="26sp"
android:textAlignment="center"
android:layout_marginTop="50dp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="38dp"
android:gravity="center" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btnainiciar"
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:layout_marginTop="30dp"
android:backgroundTint="#FFFFFF"
android:text="Iniciar sesión"
android:textColor="#3C5995"
android:textStyle="bold"
android:textSize="15sp"
app:cornerRadius="10dp" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btnaregistro"
android:layout_width="match_parent"
android:layout_height="55dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:layout_marginTop="30dp"
android:backgroundTint="#CDDC39"
android:text="Registrarse"
android:textColor="#FF5722"
android:textStyle="bold"
android:textSize="15sp"
app:cornerRadius="10dp" />
</LinearLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
Seleccionar java
new
activit
empynew activitu
loginactivity
next
crear archivo java y XML
java
new
package
registro
new
activity
empy
RegisterPersonalActivity
finish
Ir a opciónusuarioactivity
debajo del public class
MaterialButton buttonlogin, buttonregister;
debajo de override
buttonlogin = findViewById(R.id.btnainiciar);
buttonregister=findViewById(R.id.btnaregistro);
buttonlogin.setOnClickListener(new View.OnClickListener() {
package com.example.feisbookapp;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
import com.google.android.material.button.MaterialButton;
public class Opcionusuarioactivity extends AppCompatActivity {
MaterialButton buttonlogin, buttonregister;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_opcionusuarioactivity);
buttonlogin = findViewById(R.id.btnainiciar);
buttonregister=findViewById(R.id.btnaregistro);
buttonlogin.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(Opcionusuarioactivity.this, "click en el pri botton", Toast.LENGTH_SHORT).show();
}
});
buttonregister.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(Opcionusuarioactivity.this, "click en el seg botton", Toast.LENGTH_SHORT).show();
}
});
}
}
package com.example.feisbookapp;
import android.os.Bundle;
import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
public class RegisterPersonalActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_register_personal);
}
}
package com.example.feisbookapp;
import android.os.Bundle;
import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
public class loginactivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_loginactivity);
}
}
No hay comentarios.:
Publicar un comentario