android手把手开发一个图片浏览器

一首简单的歌
589次浏览
2020年04月04日 18:36
最佳经验
本文由作者推荐
网站开发与软件开发的区别

一:Android是什么 Android是基于Linux内核的软件平台和操作系统,早期由Google开发,后由开放手机联盟Open Handset Alliance)开发。它采用了软件堆层(software stack,又名以软件叠层)的架构,主要分为三部分。低层以Linux内核工作为基础,只提供基本功能;其他的应用软件则由各公司自行开发,以Java作为编写程序的一部分。另外,为了推广此技术,Google和其它几十个手机公司建立了开放手机联盟。Android在未公开之前常被传闻为Google电话或gPhone。大多传闻认为Google开发的是自己的手机电话产品,而不是一套软件平台。到了2010年1月,Google开始发表自家品牌手机电话的Nexus One。目前最新版本为Android2.1。 下图是它的结构: 简单来讲,Android就是一个开源的手机软件开发工具。 我主要给大家讲应用方面,大家如果有兴趣,可以了解相关基本知识。 要开发一个Android应用,首先得搭建Android开发环境:下载并安装Android sdk(Software Development Kit, 即软件开发工具包 )。由于Android开发是集成在Eclipse中,需下载并

安装ADT (Eclipse集成Android sdk插件)。搭建环境会用一个专门的章节为大家详细讲解,这里我就不再赘述。 二:Android程序的创建 开发环境搭好后,我们先启动Eclipse创建一个Android的应用程序, 然后在左上角单击FileNewAndroid Project,如下图所示: 如果在图中Java Project找不到Android Project: 在左上角单击FileNewOther: 在弹出框中Android文件件中选中Android Project,然后单击Next进入下一步:

弹出一个列表框:

下面对这个列表的一些重要属性进行讲解: 1.应用程序名称以及内容栏:

2.工具栏:采用的编译工具即Android模拟器: 3.属性栏:即应用程序中的相关属性: 三:第一个Android应用程序 这就是我们刚才创建的一个Android应用程序如下图:

在这里面,我们最关心的是界面()与后台(): 单击: 我们先看看中间视图: 这是一个页面编辑器模式:

在左下角点击切换到界面编码模式: 这就是刚才页面视图的源码: 下面让我们看看后台()源码:单击:

以下将此类程序称之为activity(活动),该activity运行时会自动调用onCreate方法:而上图中onCreate方法是启动res文件夹下的layout下的界面。 我们在看看配置文件,点击: 再点击最下方最右边的进入配置文件的源码模式:

这里有几个关键属性:即活动包名,活动名称。该应用程序一运行便会启动src目录下的包下的。 好,现在让我们启动这个Android程序: 选中该应用程序目录点击鼠标右键:在弹出框里点击Run AsAndroid Application

在Console控制台上会显示如下信息: 说明Android模拟器启动成功以及该应用程序启动成功: 选中弹出的Android模拟器,点击menu便可在该模拟器中启动该应用程序:

效果如下图:

一个Android应用程序运行过程: 配置文件(后台的activity)(界面)。 1.配置文件源码

2.后台活动源码 3.界面源码

四:主界面 分析:如何做一个图片浏览器 首先我们得做一个应用主界面,如下图是一个简单的主界面: 要完成这个主界面:

1.在中源码: 效果如图:

接下来我们要完成的工作是去标题,改字体,设置背景图片。 首先我们要引进一些资源文件,如图片,外部颜色属性:将粘贴在drawable文件夹下,再在values文件夹下建两个名为和的文件:选中values文件夹点击鼠标右键,在弹出框中点击NewFile,

在接下来的弹出框中:

在File name:给文件命名为,点击右下角的Finish,文件就创建成功了:效果如图

文件报错的原因: 1. 因为是mxl文件必须设置其版本号以及编码方式 2. 是res文件夹下的资源文件,必须设置标签如下图: 同理可建立文件,我们需要的资源文件如下图所示: 界面主题: 在values下面的文件:

背景图片的设置:res资源文件目录drawable文件夹下的 字体颜色的设置: 在values下面定义一些16进制颜色属性: #FFC8FF 取@drawable/pink可得到对应的#FFC8FF这个16进制的颜色值从而取到该颜色。 如此便完成一个主题的建立,但如何应用该主题了? 下面就因该回到这个后台活动: 在活动中设置主题:

以_1的模式取到该主题。 然后运行该程序,效果就出来了。 五:后台代码以及事件的处理 以上我们所应用的只是实现UI(界面)层的显示。但UI层如何与后台activity(活动)进行交互了?我们先看看整个应用程序的结构:

首先,我们应该学会在后台取得UI层控件。这就要涉及资源文件。 res中的所有文件以及文件标签都在R(资源文件)中自动生成:

R中layout类中对应是界面文件,id对应是界面层控件的id。这就是界面文件:

其它对应的是res文件夹下的资源文件,它们的声明方式为:文件 文件 文件

drawable文件夹下的图片文件: 后台与界面的交互要通过资源文件,示例代码如下:

效果如图:

扩展:界面控件或容器的任意属性都能在后台做修改。而且,后台也可以动态生成界面控件或容器。 如下:后台代码动态生成LinearLayout容器以及TextView标签:

效果如图:

六:定义事件以及事件处理 定义事件,以及事件处理是每一个应用所必须具备的,根据事件可以做到人机交互。比如你的需求可以通过触发事件传递给程序,而程序根据对相应事件的处理达到用户所需的效果。 下面是一个标签点击事件的定义以及处理:

实现抽象方法: 1.点击左边的X 2.在弹出框中点击Add unimplemented methods 3.效果如下:

如果大家觉得设定监听事件复杂,那我们可以将它分开来写: 1. 将监听事件实例化 2. 设置mtxtPeri的监听事件为上面的实例listener1: 设置事件处理为:改变mtxtPeri控件的文本值

我们在看看触发事件以及事件结果: 1.触发事件:点击名为‘美女图片’的TextView控件 事件结果改变该控件的文本值:

七:界面之间的跳转 以前我们的操作都是在单个页面中进行,如何实现页面中的跳转了? 1. 页面层界面的简单切换 在layout文件夹中建一个名为的文件,并写入下图代码:

这是一个空界面:为了标记它,在其中添加一个TextView标签: 后台代码如下:

通过点击mtxtPeri(美女图片)实现页面切换:

效果如下图:

由于两者应用了同一个主题(样式)其背景图片与字体都是相同的。 2. 后台活动activity之间的切换: 因为前一种页面切换的模式只是简单的将手机视图设为另一个界面,并不涉及数据的传输与交互,所以我们着重讲第二种界面跳转即:通过后台活动的切换达到页面跳转的目的: (1) 首先让我们创建一个后台活动: 就像创建java类那样,选中包单击鼠标右键,在弹出框中点击:NewClass。

在接下来的弹出框中定义活动的文件名,以及继承的抽象类Activity,在单击右下角的Finish按钮:

该activity(活动)创建完成如下:

实现活动的onCreate()抽象方法: 鼠标选中闪烁的点,点击鼠标右键:在弹出框中点击SourceOverride/Implement Methods…

在弹出框中选中Activity下的onCreate(Bundle)选项: 点击OK:产生onCreate抽象方法效果如图:

再设置界面为scan,一个简单的活动界面就完成了: 最后注意一点也是最重要的一点:所有的活动都必须在配置文件中注册: 打开配置文件: 编写的应用程序装载在模拟器中是这个样子的,选中的就是我们一直编写的应用程序:

应用程序的皮肤:打开res/drawable/

应用程序的名称:打开res/values/,string标签中name=”app_name”对应的属性为“标题”: 关于drawable,layout,values这三个文件夹: drawable放的是图片、图标等资源文件 layout放的是界面文件 values放的是像那样标志字符串属性的资源文件如, 下面在配置文件中给我们新建的活动注册: 至此一个新的活动创建完毕。让我们再来回顾一下创建后台活动的过程: 1. 创建一个前台界面 2. 创建一个后台活动并重写Activity下的onCreate()抽象方法,并设置其前台界面 3. 在配置文件中给新建的活动注册。 (2)Activity的置换,程序主控权的移交:在Android中可在主程序里使用startActivity()

这个方法来调用另一个Activiy(主程序本身即是一个Activity),使用Intent对象实现控制权的移交: 同上面代码:点击txtPeri实现后台活动的置换:效果如下

点击“美女图片”标签:产生如下界面

在Scan活动中没有设置主题(样式):即去标题,改字体,设背景图片。 (3)Activity置换中的数据交互: Activity置换与单纯页面切换的最大区别是前者可以实现数据传输,这就要涉及一个Bundle对象的实现。 下面代码是在Test1活动中设置要传输的参数,mtxtPeri的文本值,关键字为label:

接着是在Scan活动中根据关键字取得传输的参数: 运行程序点击“美女图片”触发事件后:

效果如图:该界面的正中的TextView的文本值发生改变,说明数据传输成功。

八:浏览图片 既然是图片浏览器,其主要功能就是浏览图片:这就涉及一个ImageView标签的使用。这个很简单与使用TextView标签相似:首先我们先引入一个图片文件

网站开发与软件开发的区别