Este documento presenta tres programas de Android que muestran cómo agregar texto e imágenes a las aplicaciones, así como manipular su diseño y apariencia mediante el uso de LinearLayout, ImageView y TextView. El primer programa muestra cómo agregar un mensaje de texto a través de un botón. El segundo programa ilustra el uso de LinearLayout para alinear texto. El tercer programa enseña cómo incluir una imagen y combinarla con texto.

1. APLICASIONES DE
ANDROID
Cetis 100
4J programación
Sinai Rosales Arana

2. Programa 1package com.example.holamundo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
Button bn_presionar;
TextView texto;
String mensaje="hola cetis 100";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bn_presionar=(Button) findViewById(R.id.bn_aceptar);
texto =(TextView) findViewById(R.id.tw_mensaje);
bn_presionar.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
texto.setText(mensaje);
}
});
}
}
La función de este programa
Sirve que a la hora en que presionas el
botón manda el mensaje

4. Programa 2
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/andro
id"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="Lista de Invitados"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Oswaldo"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Axel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Elian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
</LinearLayout>
La función de este programa
Sirve para que puedas alinear texto
Y colocar texto con el código
Y manipularlo a tu placer

6. Programa 2.2
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="Lista de Invitados"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="John"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Pedro"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Juan"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#4CAF50"
android:textSize="24sp" />
</LinearLayout>
La función de este programa
Sirve para ver como hacer unas divisiones
Para que parezcan cuadros
Y por así decirlo tener ciertas divisiones

8. Programa 2.3
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="Lista de Invitados"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#FF66FF"
android:textSize="24sp" />
<TextView
android:text="John"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#9966CC"
android:textSize="24sp" />
<TextView
android:text="Pedro"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#6666CC"
android:textSize="24sp" />
<TextView
android:text="Juan"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#3366CC"
android:textSize="24sp" />
</LinearLayout>
La función de este programa
Sirve para que sepas combinar colores
Y de esta forma también
Se combinarían con la
Psicología de colores

10. Programa 3
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="457dp"
android:layout_height="608dp"
android:layout_marginStart="8dp"
android:src="@drawable/rana"
android:contentDescription="todo" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="bonfire_at_the_beach"
android:layout_weight="0"
android:textColor="@android:color/white"
android:textSize="34sp"
android:background="#009688"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
android:textSize="54sp"
android:textColor="@android:color/white"
android:background="#009688"/>
</LinearLayout>
La función de este programa
Sirve para poder poner una imagen
En una app para que esta forma
La app se vea mas completa

12. Programa 3.2
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="457dp"
android:layout_height="608dp"
android:layout_marginStart="8dp"
android:src="@drawable/rana"
android:contentDescription="todo" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="bonfire_at_the_beach"
android:layout_weight="0"
android:textColor="@android:color/white"
android:textSize="34sp"
android:background="#009688"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hello World!"
android:textSize="54sp"
android:textColor="@android:color/white"
android:background="#009688"/>
</LinearLayout>
La función de este programa
Sirve que para la foto se una con el texto
Y que ambas se vean
Mucho mas completas

14. Programa 3.3<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/borde"
android:orientation="vertical"
android:layout_editor_absoluteX="67dp"
android:layout_editor_absoluteY="16dp">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:scaleType="centerCrop"
android:src="@drawable/rana"
android:background="@drawable/borde" />
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#009688"
android:text="You're Invited!"
android:textColor="@android:color/white"
android:textSize="50sp"
android:layout_constraintBottom_toBottomOf="parent"
android:layout_constraintEnd_toEndOf="parent"
android:layout_constraintHorizontal_bias="0.275"
android:layout_constraintStart_toStartOf="parent"
android:layout_constraintTop_toTopOf="parent"
android:layout_constraintVertical_bias="0.818" />
<TextView
android:id="@+id/textView2"
android:layout_width="445dp"
android:layout_height="wrap_content"
android:background="#009688"
android:text=" Bonfire at the
beach"
android:textColor="@android:color/white"
android:textSize="44sp"
android:layout_constraintBottom_toBottomOf="parent"
android:layout_constraintStart_toStartOf="parent"
android:layout_constraintTop_toTopOf="parent"
android:layout_constraintVertical_bias="1.0" />
</LinearLayout>
<?xml version="1.0"
encoding="utf-8"?>
<shape
xmlns:android="http://schemas.a
ndroid.com/apk/res/android"
android:shape="rectangle"
android:layout_height="3dp"
android:layout_width="3dp">
<corners
android:radius="20dp"/>
<padding
android:left="10dp"
android:right="10dp"
android:top="10dp"
android:bottom="10dp"/>
<stroke android:width="1dp"
android:color="#FFFFFF"/>
</shape>
La función de este programa
Sirve este código para que la imagen
Tenga un marco
Y de esa forma poderse ver mas formal