objetivos
Comprenda el concepto de vistas.
Comprenda la diferencia entre Actividad y Widget.
Comprenda las características y características básicas de la interfaz de diseño XML.
Comprenda el uso de varias vistas básicas comunes y
aprenda a usar el código para el diseño de la interfaz.
Familiarizado con el modelo de programas de interfaz impulsado por eventos
La vista es un elemento de interfaz visual. Cualquier componente visual debe heredarse de la clase android.view.View. Las clases de vista generalmente se dividen en tres tipos: clase de diseño, clase de contenedor de vista y clase de vista básica. Como se muestra abajo:
La vista es un elemento de interfaz visual. El objeto de vista puede ser un solo componente o una combinación de muchos componentes, y el objeto de vista se puede crear a través de XML. el código se muestra a continuación:
<LinearLayout android: orientación = “vertical” android: layout_width = “fill_parent” android: laout_height = “fill_parent”> <TextView android: id = "@ + id / text" android: layout_width = "wrap_content" android: layout_height = "wrap_content "android: text =" Hola, soy un TextView "/> <Botón… /> </LinearLayout>
La siguiente tabla enumera algunos atributos y métodos comunes de la clase View 
Descripción de atributo XML
android: padding establece el área de relleno para los cuatro lados del componente
android: scrollbars define cuántas barras de desplazamiento se muestran cuando el componente se desplaza. Este atributo admite los siguientes valores de atributo.
ninguno: sin barra de desplazamiento
horizontal: muestra la barra de desplazamiento horizontal
vertical: muestra la barra de desplazamiento vertical
android: tag establece un valor de etiqueta de cadena para el componente. Luego puede obtener la cadena a través de getTag () de View, o consultar el componente a través de findViewWithTag ()
android: la visibilidad establece si el componente es visible. Hay 3 valores para este atributo:
visible: visible
invisible: invisible
ido: oculto
Se utiliza para establecer atributos relacionados con el tamaño del componente.
Cada vista debe definir android: layout_width y android: layout_height, el valor puede tener las siguientes situaciones, puede especificar el tamaño exacto:
wrap_content: indica que el contenido de la vista determina el tamaño
fill_parent (renombrado match_parent después de Level8) significa el mismo tamaño que el contenedor principal
Hay dos formas de configurar el componente para llenar el contenedor principal
La parte de relleno interior existe en el espacio del componente, que es equivalente al efecto del margen de la página
padding: se utiliza para establecer el margen interior de los cuatro lados
paddingLeft 、 paddingRight 、 paddingTop 、 paddingBottom
La parte de relleno exterior existe fuera del espacio del componente, similar al límite del intervalo
margen: se utiliza para establecer el espaciado exterior de los cuatro lados
marginLeft 、 marginRight 、 marginTop 、 marginBottom
La diferencia entre vista y widget (widget) es : la vista es un elemento componente visual, el widget es en realidad una mini aplicación, la vista puede existir en el widget, la vista puede considerarse como un elemento más básico de la interfaz.
Usar vista de diseño XML
El archivo de diseño XML es un método común definido en vista del sistema Android, el archivo debe guardarse en el directorio res / layout, los archivos de diseño XML de extensión deben ser xml, el nombre del archivo XML debe cumplir con las convenciones de nomenclatura de variables de Java, cada archivo de diseño El nodo raíz puede ser cualquier componente. El nodo raíz del archivo de diseño debe contener el espacio de nombres de Android. La etiqueta del componente debe usar "@ + id / stringvalue" para especificar el ID. El valor del ID debe cumplir con la convención de nomenclatura de variables de Java.
xmlns: android = "http://schemas.android.com/apk/res/android"
<TextView android: id = “@ + id / textview1”…>
Ejemplo de archivo de diseño XML
<? xml version = "1.0" encoding = "utf-8"?> <LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android" android: orientación = "vertical" android: layout_width = "Fill_parent" android: layout_height = "fill_parent"> <TextView android: id = "@ + id / textview1" android: layout_width = "fill_parent" android: layout_height = "wrap_content" android: text = "textview1" /> <Botón android: id = "@ + id / button1" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "ok" /> </LinearLayout>
Usar diseño XML en Actividad
Use el diseño XML en el código llamando al método setContentView ()
public void onCreate (paquete SavedInstanceState) {
super.onCreate (SavedInstanceState);
setContentView (R.layout.main);
}
Controle la vista en el código llamando al método findViewById ()
TextView textView1 = (TextView) findViewById (R.id.textview1);
textView1.setText ("nuevo contenido de cadena");
Dos: vista básica
Text control-TextView, muestra información de texto, muestra texto básico.
<TextView android: id = "@ + id / textview1" android: layout_width = "fill_parent" android: layout_height = "wrap_content" android: text = "Soy un control de texto" />
Mostrar texto complejo
<TextView android: id = "@ + id / textview1" android: layout_width = "fill_parent" android: layout_height = "wrap_content" android: text = "我 是 文本 控件" android: textSize = "20dp" android: textColor = "# FF0000 ”android: background =“ # FFFFFF ”android: padding =“ 30dp ”android: layout_margin =“ 30dp ”/>
Mostrar información de URL, identificar automáticamente el contenido de URL especificando android: atributo autoLink, ninguno no coincide con ningún enlace (valor predeterminado), web coincide con la dirección web, correo electrónico coincide con la dirección de correo electrónico, teléfono coincide con el número de teléfono.
Ejemplo
<TextView android: id = "@ + id / urlview" android: layout_width = "fill_parent" android: layout_height = "wrap_content" android: link = "email" />
TextView urlView = (TextView)findViewById(R.id.urlview);urlView.setText(“电子邮件：[email protected]”);
编辑框----EditText
EditText继承自TextView，可以接受用户输入，并可以设置输入的数据类型。
属性inputtype,可以限定输入数据的类型，以下是常用的设置类型：
text：可输入所有字符
textUri： 可输入网址
textEmailAddress：可输入电子邮件
textPassword：可输入密码
number：可输入0^9的数字
date：可输入日期(0-9、”/”)
time：可输入时间（0-9、“: pam”）
phone：可输入电话号码
按钮控件——Button
普通按钮控件的示例
<Button android:id=“@+id/okbtn” android:layout_width=“wrap_content”android:layout_height=“wrap_content” android:text=“我是按钮” />