Toast - Historial de revisiones

Angelfg: /* Empregando cadeas definidas en /res/values/ */

2020-11-21T12:57:32Z

Empregando cadeas definidas en /res/values/

Wiki: /* Introdución */

2020-10-22T15:57:10Z

Introdución

Wiki: /* Introdución */

2020-10-22T15:56:34Z

Introdución

Wiki en 15:56 22 oct 2020

2020-10-22T15:56:06Z

Wiki en 10:00 29 sep 2019

2019-09-29T10:00:14Z

Wiki: /* Caso práctico */

2018-10-12T12:18:37Z

Caso práctico

Wiki: /* Caso práctico */

2018-10-12T12:00:16Z

Caso práctico

Mostrar los cambios

Wiki: Página creada con «==Introdución== Un '''Toast''' proporciona un simple feedback de algo que pasa na aplicación a través dunha pequena mensaxe popup. Chámaselle así "Tostada" porque ap...»

2016-11-07T19:35:11Z

Página creada con «==Introdución== *Un '''Toast''' proporciona un simple feedback de algo que pasa na aplicación a través dunha pequena mensaxe popup. *Chámaselle así "Tostada" porque ap...»

Página nueva

==Introdución==
*Un '''Toast''' proporciona un simple feedback de algo que pasa na aplicación a través dunha pequena mensaxe popup.
*Chámaselle así "Tostada" porque aparece na pantalla do mesmo xeito que as tostadas saltan na torradora cando están feitas.
[[Image:00_toast.png]]
*So usa o espazo que precise a mensaxe e a pantalla actual permanece visible.
*Desaparecen automaticamente pasado un pequeno espazo de tempo.

*Para usar o Toast:

<syntaxhighlight lang="java" line enclose="div" highlight="5,6" >
Context context = getApplicationContext();
CharSequence text = "Hello toast!";
int duration = Toast.LENGTH_SHORT;

Toast toast = Toast.makeText(context, text, duration);
toast.show();
</syntaxhighlight>
*'''Context''': é un interface que permite acceder aos recursos da nosa aplicación
*'''duration''':
**'''LENGTH_SHORT''': constante que equivale a 2 segundos
**'''LENGTH_LONG''': constante que equivale a 3,5 segundos

*As liñas 5 e 6 anteriores poden ser substituídas pola seguinte:
<syntaxhighlight lang="java" line enclose="div" highlight="1" >
Toast.makeText(context, text, duration).show();
</syntaxhighlight>

*'''Referencias''':
**Clase Toast: http://developer.android.com/reference/android/widget/Toast.html
**Introdución: http://developer.android.com/guide/topics/ui/notifiers/toasts.html

==Caso práctico==
*Comezamos creando o proxecto '''U2_15_Toast'''
*Collendo como base a primeira versión da aplicación dos planetas: '''U2_12_Spinner'''.
*Simplemente agora a nova aplicación ten unha entrada máis ao principio do Spinner '''Selecciona un planeta'''.

<gallery caption="Autodestrucción" widths="350" heights="300px" perrow="2">
Image:Android_2013_U2_15_Toast_01.jpg| Contido do Spinner.
Image:Android_2013_U2_15_Toast_02.jpg| Non se seleccionou ningún planeta (está seleccionado o ítem 0 do Spinner). Premer no botón.
Image:Android_2013_U2_15_Toast_03.jpg| Aparece un aviso indicando que non se seleccionou ningún planeta (está seleccionada a entrada 0 do Spinner)
Image:Android_2013_U2_15_Toast_04.jpg| Se seleccionamos un planeta funciona como se esperaba, só que agora a posición cambiou con respecto á aplicación orixinal.
</gallery>

===Arquivo de recursos: array_planetas.xml===
*Copiamos o ficheiro '''array_planetas.xml''' ubicado en '''/res/values/''' dunha aplicación á outra.

*Engadimos un ítem ao principio:
<syntaxhighlight lang="xml" line enclose="div" highlight="4" >
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string-array name="planetas">
<item>Selecciona un planeta</item>
<item>Mercurio</item>
<item>Venus</item>
<item>Terra</item>
<item>Marte</item>
<item>Xúpiter</item>
<item>Saturno</item>
<item>Urano</item>
<item>Neptuno</item>
</string-array>
</resources>
</syntaxhighlight>

===O XML do layout===
*É igual ao da aplicación orixinal.

<syntaxhighlight lang="xml" line enclose="div" highlight="" >
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<Spinner
android:id="@+id/spin_planetas"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:entries="@array/planetas" />

<Button
android:id="@+id/btn_seleccion"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="onButtonClick"
android:text="Preme cando selecciones" />

<TextView
android:id="@+id/lbl_resultado"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Selecciona un planeta" />

</LinearLayout>
</syntaxhighlight>

===Código Java===

*Ao método da aplicación orixinal engadímoslle un control: se esta seleccionada ou non a posición 0 do Spinner.
<syntaxhighlight lang="java" line enclose="div" highlight="30-31" >
package com.example.u2_15_toast;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.Spinner;
import android.widget.TextView;
import android.widget.Toast;

public class U2_15_Toast extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_u2_15__toast);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.u2_15__toast, menu);
return true;
}

public void onButtonClick(View v) {
Spinner spinPlanetas = (Spinner) findViewById(R.id.spin_planetas);
TextView lblResultado = (TextView) findViewById(R.id.lbl_resultado);

if (spinPlanetas.getSelectedItemId() == 0) {
Toast.makeText(this, "Por favor selecciona un planeta",Toast.LENGTH_LONG).show();
lblResultado.setText("");
} else

lblResultado.setText("Seleccionaches "
+ spinPlanetas.getSelectedItem()
+ "\nque está na posición "
+ spinPlanetas.getSelectedItemId());
}

}
</syntaxhighlight>
*'''Liña 30''': Comprobamos se a posición seleccionada no Spinner é a 0 de ser así ...
*'''Liña 31''': realizamos un Toast.
*'''Liña 32''': Poñemos a etiqueta a baleiro.

<br> -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).

← Revisión anterior		Revisión del 12:57 21 nov 2020
Línea 279:		Línea 279:
	: Podedes consultar como facelo no enlace anterior.		: Podedes consultar como facelo no enlace anterior.

		+
		+
		+
		+
		+	<br />
		+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programaci%C3%B3n_de_dispositivos_m%C3%B3biles#UNIDADE_2:_A_interface_de_usuario. Enlace a la página principal de la UD2]'''
		+	<br />
		+	<br />
		+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programación_de_dispositivos_móbiles Enlace a la página principal del curso]'''
		+	<br />

@@ Línea 20: / Línea 20: @@
 : Para acceder á interface podemos empregar
 :*  A palabra '''this''' se fai referencia á activity (por exemplo, dentro dunha interface anónima OnClickListener asociadada a un botón, this fai referenza ao botón, non a activiy e non poderíamos empregar esta palabra).
-:::<syntaxhighlight lang="xml" enclose="div">
+:::<syntaxhighlight lang="xml" enclose="div" highlight="8">
 public class MainActivity extends AppCompatActivity {
      @Override

@@ Línea 19: / Línea 19: @@
 *'''Context''': é un interface que permite acceder aos recursos da nosa aplicación
 : Para acceder á interface podemos empregar
-:*  A palabra 'this' se fai referencia á activity (por exemplo, dentro dunha interface anónima OnClickListener asociadada a un botón, this fai referenza ao botón, non a activiy e non poderíamos empregar esta palabra).
+:*  A palabra '''this''' se fai referencia á activity (por exemplo, dentro dunha interface anónima OnClickListener asociadada a un botón, this fai referenza ao botón, non a activiy e non poderíamos empregar esta palabra).
 :::<syntaxhighlight lang="xml" enclose="div">
 public class MainActivity extends AppCompatActivity {

← Revisión anterior		Revisión del 10:00 29 sep 2019
Línea 230:		Línea 230:
	</syntaxhighlight>		</syntaxhighlight>

		+
		+
		+	<br />
		+	==Empregando cadeas definidas en /res/values/==
		+
		+	* Como xa vimos [https://wiki.cifprodolfoucha.es/index.php?title=TextView._Definici%C3%B3n_de_recursos_XML#Empregando_recursos_definidos_Res nos TextViews], as cadeas que se amosan nun Toast non deben ser escritas directamente no código Java, se non que deben ser referenciadas como un recurso de tipo cadea definido nalgún arquivo /res/values
		+
		+
		+	: Podedes consultar como facelo no enlace anterior.

← Revisión anterior		Revisión del 12:18 12 oct 2018
Línea 185:		Línea 185:


		+	<br />
		+	==Personalizando o Toast==

		+	* O toast é un obxecto da clase Toast que se crea cando chamamos o makeToast.
		+	: Unha vez creado podemos acceder as súas propiedades e métodos.

−	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] e [[Usuario:Carrion\|Carlos Carrión Álvarez]] -- (~~2015~~).	+	* Por exemplo:
		+	:* [https://developer.android.com/reference/android/widget/Toast.html#setGravity(int,%20int,%20int) setGravity(int gravity, int xOffset, int yOffset) ]: Cambiamos a posición por defecto na que aparece o Toast. Debemos facer uso da clase Gravity.
		+	:* [https://developer.android.com/reference/android/widget/Toast.html#setView(android.view.View) setView(View view)]: Podemos establecer que se visualiza un view definido por nos.
		+	:* [https://developer.android.com/reference/android/widget/Toast.html#setText(int) setText(int resId)]: Podemos facer uso dun recurso de tipo 'string' referenciándolo da forma: R.string.nome_recurso
		+
		+
		+	* Vexamos un exemplo, baseado no mesmo código do exemplo anterior, no que imos crear un View de tipo TextView que imos asociado a o Toast e tamén imos modificar a posición na que aparece a mensaxe:
		+
		+	[[Imagen:PDM_toast_4.jpg\|400px\|center]]
		+
		+
		+	* O código modificado:
		+	<syntaxhighlight lang="java" line enclose="div" highlight="8-13" >
		+	public void onButtonClick(View v) {
		+	Spinner spinPlanetas = (Spinner) findViewById(R.id.spnPlanetas_UD02_01_Toast);
		+	TextView lblResultado = (TextView) findViewById(R.id.tvResultado_UD02_01_Toast);
		+
		+	if (spinPlanetas.getSelectedItemId() == 0) {
		+	Toast toast = Toast.makeText(this, "",Toast.LENGTH_LONG); // Creamos o obxecto Toast
		+
		+	TextView viewToast = new TextView(this); // Creamos un view que imos asociado ao Toast en vez dunha cadea de texto. Podería ser calquera view
		+	viewToast.setText("Por favor selecciona un planeta");
		+	viewToast.setTextColor(Color.RED);
		+
		+	toast.setGravity(Gravity.TOP\|Gravity.RIGHT,10,10); // Cambiamos as propiedades do toast
		+	toast.setView(viewToast);
		+
		+	toast.show(); // Amosamos o toast
		+	lblResultado.setText("");
		+	} else {
		+
		+	lblResultado.setText("Seleccionaches "
		+	+ spinPlanetas.getSelectedItem()
		+	+ "\nque está na posición "
		+	+ spinPlanetas.getSelectedItemId());
		+	}
		+	}
		+	</syntaxhighlight>
		+
		+
		+
		+
		+
		+
		+	<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] e [[Usuario:Carrion\|Carlos Carrión Álvarez]] -- (2018).

@@ Línea 18: / Línea 18: @@
 </syntaxhighlight>
 *'''Context''': é un interface que permite acceder aos recursos da nosa aplicación
 *'''duration''':
 **'''LENGTH_SHORT''': constante que equivale a 2 segundos

Toast - Historial de revisiones

Angelfg: /* Empregando cadeas definidas en /res/values/ */

Wiki: /* Introdución */

Wiki: /* Introdución */

Wiki en 15:56 22 oct 2020

Wiki en 10:00 29 sep 2019

Wiki: /* Caso práctico */

Wiki: /* Caso práctico */

Wiki: Página creada con «==Introdución== *Un '''Toast''' proporciona un simple feedback de algo que pasa na aplicación a través dunha pequena mensaxe popup. *Chámaselle así "Tostada" porque ap...»

Wiki: Página creada con «==Introdución== Un '''Toast''' proporciona un simple feedback de algo que pasa na aplicación a través dunha pequena mensaxe popup. Chámaselle así "Tostada" porque ap...»