51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

安卓构建首个应用

简单介绍下目录吧

个人习惯,目录包名不折叠

image-20200910113729664

查看目录

image-20200910114053988

官方文档介绍:

app > java > com.example.myfirstapp > MainActivity

这是主 Activity。它是应用的入口点。当您构建和运行应用时,系统会启动此 Activity 的实例并加载其布局。

app > res > layout > activity_main.xml

此 XML 文件定义了 Activity 界面的布局。它包含一个 TextView 元素,其中具有"Hello, World!"文本

app > manifests > AndroidManifest.xml

清单文件描述了应用的基本特性并定义了每个应用组件。

Gradle Scripts > build.gradle

有两个使用此名称的文件:一个针对项目"Project: My First App",另一个针对应用模块"Module: app"。每个模块均有自己的 build.gradle 文件,但此项目当前仅有一个模块。您可以使用每个模块的 build.file 控制 Gradle 插件构建应用的方式。如需详细了解此文件,请参阅配置构建

自己小声bb:

MainActivity

打开初始化的app看到的第一个界面

activity_main.xml

摆放组件,调样式的地方

可以在右上角切换视图模式

image-20200910114439913

image-20200910114454475

AndroidManifest.xml

定义组件的地方,我们每来一个页面,就在里面定义一下

build.gradle

mavenpom.xml差不多

好,现在开始构建界面

来到我们的activity_main.xml

image-20200910114908579

点击,并按下delete

image-20200910115048915

点击Text下的plain Text拖动到界面中来

image-20200910115255784

点击右边的加号

image-20200910115355111

都设为16

image-20200910115411511

再拖个按钮过来

image-20200910115516072

右键,Show Baseline

image-20200910115538002

拖动中间的横线到左边的plain text

按住shift再点击选中两个组件

image-20200910130734882

右键,然后点击Create Horizontal Chain

image-20200910130811894

可以看到布局发生了变化

image-20200910131522846

image-20200910131617878

点击链条直到和变成Match Constraints

image-20200910131848941

然后我们给写上字

打开 app > res > values > strings.xml

点击Open editor

image-20200910132054729

点击+

image-20200910132201153

再加一个

image-20200910132232979

回到activity_main.xml,点击输入框,清空text

image-20200910132322948

image-20200910132423534

找到hint点击右边的按钮

image-20200910132605612

在弹框里选择

image-20200910132719774

按钮同理,只不过这次是选text

image-20200910132811847

更改id

image-20200910135910337

然后我们创建一个新页面

image-20200910134129657

image-20200910134210681

这时

Android Studio 会自动执行三项操作:

  • 创建 DisplayMessageActivity 文件。
  • 创建与 DisplayMessageActivity 文件对应的布局文件 activity_display_message.xml
  • AndroidManifest.xml 中添加所需的 <activity> 元素。

然后放入text更改id

image-20200910140139438

我们还需要配置一个返回按钮

AndroidManifest.xml<activity android:name=".DisplayMessageActivity">中添加以下代码

|---------------|------------------------------------------------------------------------------------------------------------| | 1 2 3 | hljs xml <meta-data android:name="android.support.PARENT_ACTIVITY" android:value=".MainActivity" /> |

image-20200910140309452

然后开始编写代码

|---------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | hljs java package com.example.myfirstapp; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.EditText; public class MainActivity extends AppCompatActivity { public static final String EXTRA_MESSAGE = "com.example.myfirstapp.MESSAGE"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void sendMessage(View view) { Intent intent = new Intent(this, DisplayMessageActivity.class); EditText editText = findViewById(R.id.editText); String message = editText.getText().toString(); intent.putExtra(EXTRA_MESSAGE, message); startActivity(intent); } } |

image-20200910140817689

给我们的按钮绑定事件

image-20200910141332471

|---------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | hljs java package com.example.myfirstapp; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.widget.TextView; public class DisplayMessageActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_display_message); Intent intent = getIntent(); String message = intent.getStringExtra(MainActivity.EXTRA_MESSAGE); TextView textView = findViewById(R.id.textView); textView.setText(message); } } |

image-20200910141026964

然后运行

image-20200910141050683

输入任意文字点击Send

image-20200910141437638

看到可以跳转了并且我们输入的文字也传入了过去

image-20200910141525908

赞(0)
未经允许不得转载:工具盒子 » 安卓构建首个应用