AIDE_Android App教程答案_第九课(ImageView图片)

AIDE_Android App教程答案_第九课

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

<?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教程网官方交流群:758110864

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

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

梦雪

专注于AIDE教程分享

留下你的评论

*评论支持代码高亮<pre class="prettyprint linenums">代码</pre>

相关推荐