从零开始做一个外卖APP

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，点击查看活动详情

本系列项目为一个从零开始的项目APP项目，该项目包括Android前端、Django后端。在本项目你将学习到如何从零开发一款Android 手机外卖软件。

本项目前置条件： JAVA基础、Python基础

本文你将学习到什么？

如何创建一个Android项目

如何创建一个主页面

如何隐藏Android的原生标题栏并自定义标题栏内容

一、新建项目

首先打开Android Studio，点击新建项目，选择Empty Activate

项目名字随便设置，设置好后点击Finish。

接下来等待编译器将我们的基本工程自动生成。

二、工程介绍

在左侧的文件浏览器我们可以看到这两个文件 分别是layout和Main Activate。通俗点说layout是APP前端页面文件，我们app中看到什么样子就是由layout中控制的。Mainactivate是页面的逻辑控制文件，在逻辑控制文件中是用JAVA语言进行编写逻辑文件的。

三、layout页面文件编写

在我们的外卖APP中，打开后首先看到的就是软件名称和商家，所以我们的layout文件中的代码部分如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#F2F2F2"
    >
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize">
    </androidx.recyclerview.widget.RecyclerView>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar_main"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
    </FrameLayout>
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/nav_menu"
        app:headerLayout="@layout/nav_hader"/>
</androidx.drawerlayout.widget.DrawerLayout>

四、隐藏Android的原生标题栏并自定义标题栏内容

在这里我们只需要设置Main Activate文件下的内容即可 MainActivate代码如下：

Toolbar toolbar_main = (Toolbar) findViewById(R.id.toolbar_main);
setSupportActionBar(toolbar_main);
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
    actionBar.setDisplayHomeAsUpEnabled(true);
    actionBar.setHomeAsUpIndicator(R.drawable.lb120);

}

好了，以上就是本章的内容了，希望能够对你有所帮助。我们下章再见。