安卓开发 欢迎画面制作 与 按钮如何使用讲解

时间:2021-05-19 16:42:59

前置知识:

 开发环境搭建   http://blog.csdn.net/juyangjia/article/details/9471561
HelloWorld http://blog.csdn.net/juyangjia/article/details/9491781
欢迎动画制作 http://blog.csdn.net/juyangjia/article/details/9494961
菜单制作 http://blog.csdn.net/juyangjia/article/details/9612287
底部tab制作 http://blog.csdn.net/juyangjia/article/details/9616299
顶部tab制作 http://blog.csdn.net/juyangjia/article/details/9628915
intellij idea12 打包项目为jar http://blog.csdn.net/juyangjia/article/details/9379373

....各位对不起,因为工作时间的原因,这个原本计划的系列教程中断了,希望后面有时间了之后能够接着写下去

一、前言

          我们经常会出现需要制作一个开始欢迎画面,还可以再画面显示时做一些操作,比如联网检查、版本检查等等等,然后才进入真正的软件中,由于前面没有说过按钮如何使用,今天顺便讲解按钮的用法。

二、效果图

    图1

         安卓开发 欢迎画面制作 与 按钮如何使用讲解

图2

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

三、下面来讲解具*作步骤

1.首先你要准备几张图片(本文后面可以下载源码,源码中包含了这几个图片

      分别是 背景图、版本号、软件名称、加载显示的文字

     我是使用的ps在网上搞来一张背景图,然后其他都是ps画的,如下所示:

          图1,图片制作,不会的童鞋也可以自己去网上下载图片。

安卓开发 欢迎画面制作 与 按钮如何使用讲解

图2,最后得到5张图片:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

2.好了,图片有了,接下来就正式开始制作,下图是是我制作完成后补截的,所以文件夹什么的都已经存在了,不要介意,在res文件夹上右击:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

4.选择drawable,本来还要分高清图片、中等、小图什么的区别,入门教程嘛,先不管了,直接填上名称ok

安卓开发 欢迎画面制作 与 按钮如何使用讲解

5.把5张图片复制进来:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

6.打开新建项目时自动生成的MyActivity.class文件,编辑如下代码(后面我会上传源码,不过还是建议各位照着敲一遍):

安卓开发 欢迎画面制作 与 按钮如何使用讲解

代码解释:都在注释中,没必要再打一遍了。

 

7.打开layout下的main.xml文件,切换到Text视图,复制内容:

<?xml version="0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/layout"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">
    <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/version"
            android:layout_marginTop="15dip"
            android:layout_marginLeft="15dip">
    </ImageView>
    <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
        <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/appname"
                android:layout_centerHorizontal="true" android:layout_alignParentTop="true"
                android:layout_marginTop="60dp">
        </ImageView>
        <ImageView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/loadtitle"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="false" android:layout_alignParentTop="false"
                android:layout_marginBottom="50dp">
        </ImageView>
    </RelativeLayout>
</LinearLayout>

解释:android:src="@drawable/version"这种形式代码就是在引用图片,可以看到一共引用了3张图片,分别是程序名称、版本号、加载中的文字图片,其他都是设置控件的属性,复制进去后切换到视图模式可以看到下图:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

你会看到没有背景图片,因为背景图片的设置在MyActivity.class文件中用代码来设置的,请倒回去看第6步中的代码第二个红框的前2行代码,为什么背景图片要在代码中,因为考虑到以后可能会做横屏显示,那横屏和竖屏用的图片可不是同一张。

8.在res下/layout文件夹下新建一个布局文件作为欢迎页显示完成之后跳转到的目标页面:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

9.在layout2.xml中切换到视图模式,然后拖入一个按钮、设置显示字符,id就不设置了,会有个默认id:button

安卓开发 欢迎画面制作 与 按钮如何使用讲解

切换到视图模式可以看到:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

10.在src下的包上右击新建一个Activity类

安卓开发 欢迎画面制作 与 按钮如何使用讲解

输入Name,然后ok即可,这里需要注意,通常情况下我们都会人为的给Activity类名后加上“Activity”,来区分于普通类:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

可以看到新建完成后只有一行调用父类构造函数的代码:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

11.我们果断的写上代码:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

代码解释:红框中第一行就是指定这个Activity的布局文件,然后取得文件上的button,给这个按钮添加一个点击事件监听器,监听器的点击事件方法中使用Toast来显示一个消息,显示效果可以在效果图中看到。

 

至此项目完成,运行项目效果图如下:

安卓开发 欢迎画面制作 与 按钮如何使用讲解

 

源码地址:http://download.csdn.net/detail/juyangjia/5819531

 

四、最后

         这个欢迎画面可以说几乎所有的正规app都应该有一个,第一是显示程序不唐突,第二可以再开始之前进行一些必要的操作,例如检查联网、检查版本、检查用户的配置文件啥的。