第九课，本课中您将学习在用户界面中如何使用图片 运行程序，它显示了一个简单文本

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:gravity="center"
	android:orientation="vertical" >

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:layout_margin="20dp" />


	

</LinearLayout>

为“LinearLayout”添加属性“android:background”，值为“@drawable/my_background”，您也可以使用UI设计器来操作

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:gravity="center"
	android:orientation="vertical"
	android:background="@drawable/my_background">

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:layout_margin="20dp"/>

</LinearLayout>

为“TextView”添加属性“android:textColor”，值为“#FFFFFF”，也可以使用UI设计器来完成

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:gravity="center"
	android:orientation="vertical"
	android:background="@drawable/my_background">

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:layout_margin="20dp"
		android:textColor="#FFFFFF"/>

</LinearLayout>

现在在“TextView”下面新增一个“ImageView”元素，属性“android:layout_width”和“android:layout_height”都设置为wrap_content，也可以使用UI设计器

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:gravity="center"
	android:orientation="vertical"
	android:background="@drawable/my_background">

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:layout_margin="20dp"
		android:textColor="#FFFFFF"/>

	<ImageView
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"/>

</LinearLayout>

设置“ImageView”的属性“android:src”为“@drawable/my_android_robot ”，您也可以使用UI设计器

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:background="@drawable/my_background"
	android:gravity="center"
	android:orientation="vertical">

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:textColor="#FFFFFF"
		android:layout_margin="20dp"/>

	<ImageView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:src="@drawable/my_android_robot"/>

</LinearLayout>

现在点击设计器按钮来添加图片

选择背景布局，选择Background，然后选择add…，然后从您的图库中，选择图像文件，将它们添加到您的应用程序的资源目录下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:background="@drawable/image_1"
	android:gravity="center"
	android:orientation="vertical">

	<TextView
		android:layout_height="wrap_content"
		android:text="Welcome to my App"
		android:textAppearance="?android:attr/textAppearanceLarge"
		android:layout_width="wrap_content"
		android:textColor="#FFFFFF"
		android:layout_margin="20dp"/>

	<ImageView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:src="@drawable/my_android_robot"/>

</LinearLayout>

欢迎加入AIDE教程网官方交流群：961607042

版权声明：本文为AIDE教程网原创文章，转载请附上原文出处链接和本声明。
本文链接：https://www.aidemx.cn/1838.html