九妹:9patch工具的使用:" />
当前位置: 代码迷 >> Android >> 九妹:9patch工具的使用:
  详细解决方案

九妹:9patch工具的使用:

热度:23   发布时间:2016-04-28 04:26:27.0
小猪的Android入门之路 Day 2

小猪的Android入门之路 Day 2

Android界面开发初体验




本节引言:

在上一节中我们对android的系统特性与平台架构进行了初步的了解;

学会了使用Eclipse或者Android studio搭建安卓的开发环境;熟悉了对应IDE开发流程;

以及对应的工程目录;了解了一些相关的名词,aapt,dx等;命令行常用的一些adb指令;

APP的打包,编译,以及运行的流程!在本节中我们将会对android界面的开发进行初体验!

学习六大布局方式,对android四大组件进行初步的了解,以及App的生命周期,构建一个电话拨号器等!

废话不多说!大笑



正文:


本节学习路线图:




学习路线解析:

①了解下android的四大组件和Intent分别是什么,拿来做什么的!在后续章节会详细解析

②了解下app的生命周期:五个状态

③深入解析HelloWorld的工程目录

④熟悉六大布局方式

⑤熟悉三种提示方式:状态栏,对话框与Toast

⑥电话拨号器的完整实现

⑦9patch(9妹)的使用:制作可伸缩的图片!




android四大组件与Intent初析:





应用程序(App)的生命周期:

注意:

与其他的智能手机操作系统不同:app的生命周期(存活时间)不是由进程自己控制的;

而是由android系统决定的;而影响的主要因素:该进程对于用户的重要性,以及当前系统中所剩

可用内存空间;当可用内存不足时,系统会终止某些进程以便回收内存资源!


进程级别图:




深入了解App的工程目录:

1.资源的引用:



2.工程目录下的详细代码的解析:

三个重要文件:传送门



用户界面开发初体验:

在创建我们的界面前,我们先要了解一些东西:

1.view类:是所有可视化控件的父类,提供组件描绘时间处理方法

2.viewGroup类:可以拥有子控件,可以看作是容器

3.通常可见的android app都是由可视化控件 + 布局组成的!控件的属性可以在

xml中静态设置或者在Java代码中动态设置


好了,接着就要开始创建我们电话拨号器的布局了:

这里有两种方式:拖拉组件自己写代码

笔者还是比较倾向于后者,因为拖拉生成的代码有一定的冗余



代码如下:

main.xml:

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/LinearLayout1"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context=".MyActivity"    >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/input_num" />    <EditText        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/editnum"/>    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/btn_call"        android:id="@+id/btncall"/></LinearLayout>




代码解析:

就是定义了一个LinearLayout(线性布局方式)并且把排列方向设置为竖直,即一行放置一个组件;

接着依次定义了TextView(文本标签),EditText(输入框),Button(按钮),很简单



Android的六大布局


LinearLayout:线性布局

链接:android---LinearLayout(线性布局)详解


RelativeLayout:相对布局

链接:android---RelativeLayout(相对布局)详解


FrameLayout:帧布局

链接:android---FrameLayout(帧布局)详解


TableLayout:表格布局

链接:android---TableLayout(表格布局)详解


AbsoluteLayout:绝对布局

链接:android---AbsoluteLayout(绝对布局)详解


GridLayout:网格布局

链接:android---GridLayout(网格布局)详解

 


布局使用总结:

普遍的用法是:使用LinearLayout的weight属性 +RelativeLayout(相对布局)来进行布局,因为这样可以

解决屏幕的自适应问题

所谓的自适应问题就是:比如你的一个界面,在一台手机上是居中的,但是换了一部手机后组件就乱套了,或者拉伸

变形等!当然其他布局也有必要进行学习!!!




三种提示方式:

对话框:AlertDialog:

链接:对话框的父类(AlertDialog)


Toast(土司)和Notification(状态栏)

链接:  Toast和Notification


电话拨号器的完整实现:

 在前面main.xml布局的基础上,在MainActivity中添加一些代码后:


package example.jay.com.myfirstapplication;import android.app.Activity;import android.content.Intent;import android.net.Uri;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.EditText;public class MyActivity extends Activity {    private EditText editnum;    private Button btncall;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_my);        //①组件实例化        editnum = (EditText)findViewById(R.id.editnum);        btncall = (Button)findViewById(R.id.btncall);        //为拨打按钮设置点击事件:        btncall.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //获得编辑框中的号码值:                String mobile = editnum.getText().toString();                Intent it = new Intent();                //为意图添加一个行为:拨打电话,并且把电话号码写入it中                it.setAction("android.intent.action.CALL");                it.setData(Uri.parse("tel:"+mobile));                //启动另一个Activity                startActivity(it);            }        });    }}


代码解析:
这里我们为按钮设置了一个点击事件,当我们点击按钮后,获取输入框中的电话号码
通过意图Intent,告诉系统,我要Call,Call谁,然后把电话号码写入Intent,启动Intent,完成


运行截图:

需要我们另外启动一个虚拟机:


虚拟机5556有电话拨入了!




九妹:9patch工具的使用:

制作可伸缩的专有图片,.9.png图片:

链接:制作部分拉伸的图片素材




2楼u014794991昨天 15:14
吹毛求疵一下,博主在第一张图中的6大布局方式中,将AbsoluteLayout的翻译手误了。
Re: zpj779878443昨天 15:21
回复u014794991n好的,谢谢你的提醒,真是细心啊,赞一个,已经改回去了,如果需要那2个画图软件的话可以问我要~
1楼u014794991昨天 15:06
非常感谢博主的分享,有个小问题咨询一下,你的这些图是用什么软件画的呢?
Re: zpj779878443昨天 15:09
回复u014794991n哪些图啊,路线图的话就是思维导图工具MindManager,如果是流程图的话就是visio微软的那个!
  相关解决方案