2 构建交互式应用：真正有用的应用

最新推荐文章于 2024-05-23 17:45:07 发布

梅槑

最新推荐文章于 2024-05-23 17:45:07 发布

阅读量1.4k

点赞数

分类专栏： Android基础文章标签： java android

本文链接：https://blog.csdn.net/qq_35863981/article/details/123590092

版权

Android基础专栏收录该内容

15 篇文章 2 订阅

订阅专栏

0 绪言

大多数应用都需要以某种方式响应用户。

这一章中，你将了解怎样让你的应用更有交互性。你会看到如何让应用做些事情来响应用户，以及如何让活动和布局像朋友一样交谈。在这个过程中，我们还会通过介绍R带你更深入地了解Android具体如何工作，R就像是个秘密宝石，可以把所有这些连接在一起。

1 引入

1.1 需求引入

这一章中,我们会向你展示如何创建与用户交互的应用:这里会创建一个啤酒荐酒师(Beer Adviser)应用。在这个应用中，用户可以选择他们喜欢的啤酒类型,然后单击一个按钮，会得到一个列表，列出用户可以品尝的一组啤酒。

这个应用的结构如下：

1.布局指定应用是什么样

它包括3个GUI组件：

一个值下拉列表，这称为spinner,允许用户选择他们想要的啤酒类型；
一个按钮，单击这个按钮会返回选择的啤酒类型
一个文本域，用来显示啤酒类型

2.文件strings.xml包括布局所需的所有字符串资源，例如，布局中指定的按钮的标签

3.活动指定应用如何与用户交互

根据用户选择的啤酒类型，利用这个信息显示用户可能感兴趣的一组啤酒。这里要借助于一个定制Java类。

4.定制Java类包含应用的应用逻辑

它包括一个方法,这个方法取啤酒类型作为参数，返回一个列表，其中包括这种类型的所有啤酒。活动会调用这个方法,传入啤酒类型,然后使用得到的响应。

1.2 需要完成的工作

1.创建一个工厂

2.更新布局

3.将布局与活动关联：布局只是创建一个可视的组件。要让应用真正聪明起来,还需要把布局与活动中的Java代码关联起来。

4.编写应用逻辑：要为应用增加一个定制Java类,用它确保用户可以根据选择的啤酒类型得到想要的啤酒。

1.3 更新布局--布局XML与代码讲解

1.3.1 布局XML代码

布局文件代码为：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    tools:context=".MainActivity" >
    <Spinner android:id="@+id/color"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="37dp"
        android:entries="@array/beer_colors" />
    <Button android:id="@+id/find_beer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/color"
        android:layout_below="@+id/color"
        android:text="@string/find_beer"
        android:onClick="onClickFindBeer" />
    <TextView android:id="@+id/brands"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/find_beer"
        android:layout_below="@+id/find_beer"
        android:layout_marginTop="18dp"
        android:text="@string/brands" />
</RelativeLayout>

下面对这里面的代码进行详解：

1.3.2 常用属性

按钮和文本视图是同一个AndroidView类的子类：

按钮和文本视图之所以会有共同的属性，是因为：他们都继承了同一个Android View类。

现在来看常用的属性：

android:id

这个属性为组件指定一个标识名。利用ID属性，可以通过活动代码来控制组件完成工作，另外还可以控制组件在布局中的位置：

android:id="@+id/button"

android:text

这会告诉Android组件应当显示什么文本。对于<Button>，这就是出现在按钮上的文本。

android:layout_width, android:layout_height

这两个属性指定了组件的基本宽度和高度。"wrap _ content"表示它要足够大，刚好能放下全部内容，表示和自身内容一样的长度。

1.3.3 RelativeLayout元素

布局代码中的第一个元素是<RelativeLayout>。<RelativeLayout>元素告诉Android布局中的各个GUI组件要在相对位置上显示。

使用相对布局，意味着GUI组件要相对地定位。

举例来说，可以用这个元素指出你希望某个组件出现在另一个组件左边，或者希望这些组件以某种方式对齐或者排列。

在这个布局代码中，按钮出现在文本视图下面，因此按钮会相对于文本视图显示。

1.3.4 TextView元素

<RelativeLayout>中的第一个元素是<TextView>。

<TextView android:id="@+id/brands"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/find_beer"
        android:layout_below="@+id/find_beer"
        android:layout_marginTop="18dp"
        android:text="@string/brands" />

这里并没有设置任何属性来指定文本视图显示在布局的什么位置，所以默认地，Android会把它显示在屏幕的左上角。注意,这里为文本视图指定了ID为textView。接下来介绍下一个元素时你会了解为什么需要这个ID。

1.3.5 Button元素

<RelativeLayout>的最后一个元素是<Button>

 <Button android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/find_beer"
        android:layout_alignLeft="@+id/textView"
        android:layout_below="@+id/textView"
       />

将按钮增加到布局时，我们指定了按钮的位置,把它放在文本视图下面，让按钮的左边界与文本视图的左边界对齐。这里按钮相对于文本视图放置,这在XML中也有体现:

android:layout_alignLeft="@+id/textView"
android:layout_below="@+id/textView"

可以用很多不同的方式写布局XML来生成同样的视觉效果。举例来说，上面的XML指定了按钮放在文本视图下面。还有一种等价的说法，可以说文本视图放在按钮上面。

1.3.6 对1.3.1中的布局进行解析

1.3.7 使用字符串资源而不是硬编码文本

使用字符串资源，不使用硬编码文本，这是一个很好的习惯。

打开app/src/main/res/values/strings.xml文件，编辑一下代码：

<resources>
    <string name="app_name">Beer Adviser</string>

    <string name="action_settings">Settings</string>
    <string name="find_beer">Find Beer!</string>
    <string name="brands"></string>
    <string-array name="beer_colors">
        <item>light</item>
        <item>amber</item>
        <item>brown</item>
        <item>dark</item>
    </string-array>
</resources>

编写完字符串资源之后，将代码更新到布局XML文件中。

1.3.8 spinner元素

Spinner元素标签的代码：

<Spinner android:id="@+id/color"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="37dp"
        android:entries="@array/beer_colors" />

目前，布局包括一个spinner，不过其中没有任何内容。使用spinner时，往往要让它显示一个值列表，允许用户选择他们想要的值。

可以像设置按钮和文本视图的文本一样，采用同样的方式为spinner提供一个值列表，也就是使用一个资源。到目前为止，我们已经使用strings.xml指定单个的字符串值。这里要做的就是指定一个字符串值数组，再让spinner引用这个值数组。

增加数组资源与增加字符串类似：

已知向strings.xml添加string 字符串资源的代码：

<string name="string_name">string_value</string>

其中，string_name为字符串的标识符，string_value是字符串值本身。

要增加一个字符串数组，可以使用下列语法：

<string-array name="string_Array_name">
    <item>string_value1</item>
    <item>string_value2</item>
    <item>string_value3</item>
    ...
</string-array>

这里string _ array _ name是数组名，string _ value1、string _value2、string _ value3是组成这个数组的字符串值。

在strings.xml中增加一个字符串数组，内容如1.3.7中所示。

让spinner引用字符串数组

使用语法为: "@array/array_name"

此处的array_name为数组名。

在布局XML文件中，使用这个数组，需要为spinner增加一个entries属性，然后在进行赋值：

android:entries="@array/beer_colors"

1.4 关联活动

1.4.1 让按钮做事

需要在单击按钮时，让应用根据spinner中选择的值做出响应，我们希望应用能够有一下表现：

1.用户从spinner选择一个啤酒类型用户单击按钮查找与类型匹配的啤酒

2.布局指定单击按钮时要调用活动中的哪个方法

3.这个方法获取spinner中选择的啤酒类型值，将它传递到一个名为BeerExpert的Java定制类的getBrands()方法

4.BeerExpert的getBrands()方法查找与这个啤酒类型匹配的啤酒品牌，然后作为一个String ArrayList返回给活动

5.活动得到布局中文本视图的一个引用，将这个文本视图的文本值设置为与类型匹配的啤酒列表。这个啤酒列表将显示在设备上。

1.4.2 让按钮调用一个方法

向布局增加一个按钮时,你可能希望当用户单击这个按钮时它能做些什么。为此，要让按钮调用活动中的一个方法。

单击按钮时要让按钮调用活动中的一个方法，这需要对两个文件做出修改:

需要修改布局文件XML 我们要指定单击按钮时调用活动中的那个方法。
需要修改活动文件要编写所调用的方法。

首先，要使用onClick指定按钮调用哪个方法，只需要在布局文件XML的<button>元素中增加一个android:onClick属性，并指定想要调用的方法名：

android:onClick="method_name"

其中，method_name表示“单击这个组件时，要调用活动中名为method_name的方法”

1.4.3 默认生成的活动代码分析

AS默认创建的活动代码为：

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

//活动类扩展了Android的AppCompatActivity类
public class MainActivity extends AppCompatActivity {

    //onCreate()方法，第一次创建活动时会调用这个方法
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView告诉Android活动使用哪个布局。在这里，他要是用activity_main布局
        setContentView(R.layout.activity_main);
    }
}

以上，是创建一个基本活动所需的全部代码。

这个类是扩展自 androidx.appcompat.app.AppCompatActivity 的类，而且实现了一个onCreate()方法。

所有的活动都必须扩展AppCompatActivity类。AppCompatActivity包含一组方法，这是这组方法为你的Java类赋予了Android声明，把它从一个普通的Java类变成了一个功能完备的正式的Android活动。

另外所有活动都需要实现o nCreate ()方法。创建活动对象时会调用onCreate()方法，这个方法用来完成一些基本设置，如这个活动与哪个布局关联。这要使用setContentvie w()方法来设置。在上面的示例中，setContentview(R.layout.activity_main)告诉Android这个活动会使用activity_main作为它的布局。

1.4.4 活动代码加入单击方法

在1.4.2中为布局中的按钮增加了一个onClick属性，并指定为onClickFindBeer,现在要为活动增加这个方法，使得单击按钮时能调用这个方法。这样的话，用户触摸用户界面中的按钮时，活动就能做出响应。

onClickFindBeer()方法需要有一个特定的签名，否则单击布局中指定的按钮时将无法调用这个方法。这个方法要有以下形式:

1.方法一定要是公共的
2.方法的返回值一定要是 void
3.方法的形参一定要有个类型为 View的参数

如果方法未采用这种形式，用户触摸按钮时这个方法不会有任何响应。这是因为在后台Android会查找一个有void返回值的公共方法,而且方法名要与布局XML中指定的方法匹配。

方法中的View参数乍一看可能有些奇怪,不过这个参数的存在是有道理的。这个参数指示触发这个方法的GUI组件（在这里就是按钮)。前面已经提到过，GUI组件（如按钮和文本视图)都是某种类型的View。

现在将这个方法添加到活动类MainActivity.java中。然后需要让这个方法运行时做一些具体的工作。要让应用显示与用户所选啤酒类型匹配的一组啤酒。

除此之外，也可以通过获取按钮的id，然后获取Button对象之后，使用Button类中的setOnClickListener()方法来进行单击事件的监听。代码形如：

Button button1 =(Button) findViewById(R.id.button_1);
button1.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                Toast.makeText(FirstActivity.this,"You click Button 1",
                        Toast.LENGTH_SHORT).show();
          }
});

1.4.5 探究findViewById()与R.java

为了达到这个目的，首先需要得到布局中spinner以及文本视图GUI组件的引用。这样一来，我们就能从spinner获取所选啤酒类型的值，另外可以在文本视图中显示文本。

使用findViewByld)得到视图的引用

可以使用一个名为findviewById()的方法得到这两个GUI组件的句柄。

findviewById()方法取GUI组件的ID作为参数，返回一个view对象。然后把这个返回值转换为正确的GUI组件类型（例如，TextView或Button)。

可以如下使用findviewById()得到ID为brands的文本视图的一个引用:

仔细查看如何指定文本视图的ID。这里并不是传入文本视图的名字而是传入了一个形如R.id.brands的ID。这到底是什么意思?什么是R？

R.java是一个特殊的Java类，利用这个类可以获取应用中不同资源的引用。

R.java是一个特殊的Java文件，只要你创建或构建应用，Android工具就会生成这个文件。它位于工程app\build\generated\not_namespace_xxx_source\r文件夹下的一个包中，这个包与应用包同名。Android使用R跟踪应用中使用的资源，它有很多作用，例如允许在活动代码中得到GUI组件的引用。

如果打开R.java,可以看到其中包含乙烯类内部类，分别对应不同类型的资源。可以在内部类中引用各种类型的资源。

举例来说，R中有一个名为id的内部类，这个内部类包含一个static final brands.利用一下代码行：

/**R.java**/

public static final class id {
        //...
        public static final int brands=0x7f080022;
        //...
}


/**MainActivity.java**/
(TextView)findViewById(R.id.brands)

可以由这个值得到brands文本视图的引用.

一旦有了View，就能访问他的方法

findviewById()方法会为你提供GUI组件的一个Java版本。这说明,你可以使用Java类提供的方法获取和设置GUI组件的属性。

1.4.6 通过id设置组件的各种属性值

findviewById()方法会为你提供GUI组件的一个Java版本。这说明,你可以使用Java类提供的方法获取和设置GUI组件的属性。

1.设置TextView中的文本

先获取TextView对象brands，然后在这个TextView对象上调用方法。比如想设置brands文本视图中显示的文本内容，TextView类中包含一个setText()方法，用来修改text属性，因此可以通过以下代码完成设置：

TextView brands = (TextView) findViewById(R.id.brands);
brands.setText("Gottle of geer");

2.获取spinner中选取的值

就像得到文本视图的引用一样，可以采用类似的方式得到spinner的引用。像前面一样使用findviewById()方法，只不过这一次要把结果强制转换为一个Spinner:

Spinner color = (Spinner) findViewById(R.id.color);

这会得到一个Spinner对象,现在就能访问这个对象的方法了。来看一个例子，可以如下获取spinner中当前选中的列表项，把它转换为一个String:

String.valueOf(color.getSelectedItem());

因为：

color.getSelectedItem();

实际上会返回一个通用的Java对象。这是因为，spinner值可能不是String，比如有可能是一个图像。在这里，我们知道这些值肯定是String，所以可以使用string.valueof()把选中的列表项从Object转换为string。

1.4.7 完整的活动代码V1.0

public class MainActivity extends AppCompatActivity {

    //onCreate()方法，第一次创建活动时会调用这个方法
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView告诉Android活动使用哪个布局。在这里，他要是用activity_main布局
        setContentView(R.layout.activity_main);
    }

    public void onClickFindBeer(View view){
        TextView brands = (TextView) findViewById(R.id.brands);
        brands.setText("Gottle of geer");
        Spinner color = (Spinner) findViewById(R.id.color);
        String  beerType=String.valueOf(color.getSelectedItem());
        brands.setText(beerType);
    }
}

测试：

1.5 构建定制JAVA类

1.5.1 构建定制Java类---BeerExpert

这一章开始时我们说过，这个啤酒荐酒师（Beer Adviser)应用要在一个定制Java类的帮助下推荐啤酒。这个定制Java类用普通的Java编写，根本不知道它将用于一个Android应用。

定制java类的格式要求：

与活动类在同一个包下面。
类名应当是BeerExpert。
要提供一个方法getBrands()，它取一个期望的啤酒颜色(表示为一个String)，返回一个List<String>(包含所推荐的啤酒）。

构建和测试Java类，这是一个纯Java代码，不涉及任何有关Android的内容：

public class BeerExpert {
    List<String> getBrands(String color){
        List<String> brands=new ArrayList<>();
        if (color.equals("amber")){
            brands.add("Jack Amber");
            brands.add("Red Moose");
        }else{
            brands.add("Jail Pale Ale");
            brands.add("Gout Stout");
        }
        return brands;
    }
}

1.5.2 改进活动调用定制Java类来得到真正的建议

在活动的第二个版本中，我们要改进onclickFindBeer()方法调用BeerExpert类来得到推荐的啤酒。这里只需要修改普通的Java代码。

自写代码：

public class MainActivity extends AppCompatActivity {
    private BeerExpert beerExpert=new BeerExpert();//设置为私有成员变量
    //onCreate()方法，第一次创建活动时会调用这个方法
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView告诉Android活动使用哪个布局。在这里，他要是用activity_main布局
        setContentView(R.layout.activity_main);
    }

    public void onClickFindBeer(View view){
        TextView brands = (TextView) findViewById(R.id.brands);
        brands.setText("Gottle of geer");
        Spinner color = (Spinner) findViewById(R.id.color);
        String  beerType=String.valueOf(color.getSelectedItem());
        List<String> beerTypes=beerExpert.getBrands(beerType);
        StringBuilder sb=new StringBuilder();
        for (String  s:beerTypes){
            sb.append(s+"\n");
        }
        brands.setText(sb.toString());
    }
}

输出：

2.总结

Button元素用来增加按钮。
Spinner元素用来增加spinner。spinner是一个值下拉列表。所有GUI组件都是某种类型的视图。它们都继承自Android View类。
使用以下代码增加字符串值数组:

<string-array name="array">
<item>stringl</item>...
</string-array>

使用以下代码在布局中引用string-array："@array/array name"
在布局中增加以下代码，单击按钮时就会让按钮调用一个方法：

android: onClick="clickMethod"

活动中需要有一个相应的方法:

public void clickMethod (View view){}

会为你自动生成R.java。利用这个文件,可以在Java代码中得到布局、GUI组件、字符串和其他资源的引用。
使用findviewById()可以得到一个视图的引用。
使用setText()可以设置视图中的文本。
使用getSelectedItem()可以得到一个spinner中所选择的列表项。
可以通过菜单File→New...→Java Class为Android工程增加一个定制类。

梅槑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2 构建交互式应用：真正有用的应用

0 绪言大多数应用都需要以某种方式响应用户。这一章中，你将了解怎样让你的应用更有交互性。你会看到如何让应用做些事情来响应用户，以及如何让活动和布局像朋友一样交谈。在这个过程中，我们还会通过介绍R带你更深入地了解Android具体如何工作，R就像是个秘密宝石，可以把所有这些连接在一起。1 引入1.1 需求引入这一章中,我们会向你展示如何创建与用户交互的应用:这里会创建一个啤酒荐酒师(Beer Adviser)应用。在这个应用中，用户可以选择他们喜欢的啤酒类型,然后单击一个按钮，会得到一个列
复制链接

扫一扫