S2. Android 經常使用控件

 【概述】

• Button（普通按鈕）：點擊事件處理
• Toast（消息提示）
• Menu（菜單）： Menu + Fragment 實現菜單切換

【Button】

• 在 MainActivity 對應的佈局文件 activity_main.xml 中，使用圖形編輯器加入一個按鈕，以下圖所示：

  

• activity_main.xml 中會添加 Button 的代碼，手動修改 id，text 信息，添加 onClick 事件

    <Button
        android:id="@+id/testBtn"
        android:layout_width="150dp"
        android:layout_height="43dp"
        android:onClick="onClick"
        android:text="測試按鈕"
        tools:layout_editor_absoluteX="130dp"
        tools:layout_editor_absoluteY="46dp" />

• 在 MainActivity.java 文件中添加 onClick 方法：同一個 Activity 的 click 事件能夠使用同一個 onClick 方法來響應，經過 switch/case 進行分發。

    protected void onClick(View v){
        switch (v.getId()){
            case R.id.testBtn:
                Toast.makeText(this, "測試按鈕被點擊", Toast.LENGTH_SHORT).show();
        }
    }

• 還有其餘響應 click 事件的寫法，能夠參考：https://www.jb51.net/article/55329.htm

【Toast】

• 應用場景：例如打開手機淘寶，按一下返回鍵退出時，手機淘寶會提示「再按一次返回鍵退出手機淘寶」；一樣 B站 App 也會在按一下返回鍵退出時提示 「再按一次退出」；這樣的實現，是爲了防止用戶錯按到返回鍵而退出，固然也有不少 App 並無實現這一功能，或者說取消了這一功能，某程度上錯按返回鍵的可能性不大，在不錯按的時候 「阻止」 用戶退出的行爲多少用點影響用戶體驗。
• 下面使用 Toast 來實現一下這個提示功能：Toast.makeText 三個參數：

　　1). 消息展現的 Context 實例，通常指當前 Activity 實例；

　　2). 消息提示的內容：字符串格式，也能夠寫到 R資源中；

　　3). 消息提示的時間長度：Toast.LENGTH_SHORT 和 Toast.LENGTH_LONG

    //用戶點擊返回鍵時觸發
    private static final int TIME_INTERVAL = 2000;
    private long mBackPressed = 0;
    public void onBackPressed(){
        long cMills = System.currentTimeMillis();
        if(cMills - mBackPressed > TIME_INTERVAL){//若是兩次點擊時間間隔超過 TIME_INTERVAL，則執行「提示退出」操做
            mBackPressed = cMills;
            Toast.makeText(this, "再按一次退出", Toast.LENGTH_SHORT).show();
        }else{//若是兩次點擊在 TIME_INTERVAL 時間間隔內，則執行「退出」操做
            super.onBackPressed();
        }
    }

【Menu】

• 文件結構：在 main/res/menu 文件夾下建立 bottom_nav_menu.xml。若是沒有 menu 文件夾則先建立 menu 文件夾，選中 menu 文件夾，右鍵進行 「New」 --> 「Menu resource file」

　　建立 bottom_nav_menu.xml 完成。

   

• 編輯 bottom_nav_menu.xml 以下：

• bottom_nav_menu.xml 對應代碼：item 標籤中主要定義了 id，icon（圖標，在 drawable 文件夾中定義），title（標題，在 values/strings.xml 中定義）

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home" />

    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="@string/title_dashboard" />

    <item
        android:id="@+id/navigation_notifications"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="@string/title_notifications" />

</menu>

• 對應的 drawable 文件，注意文件命名與 xml 配置是對應的

    

 

• 對應的 string 文件，注意strings.xml 與 bottom_nav_menu.xml 配置是對應的

    

<resources>
    <string name="app_name">HelloWorld</string>
    <string name="title_home">home</string>
    <string name="title_dashboard">dashboard</string>
    <string name="title_notifications">notifications</string>
</resources>

【menu + fragment 實現菜單切換】

•  在 activity_main.xml 中定義一個 layout，以下圖所示；

• 添加 layout 的 id 爲 main_view，代碼以下：

    <LinearLayout
        android:id="@+id/main_view"
        android:layout_width="411dp"
        android:layout_height="546dp"
        android:layout_weight="1"
        android:orientation="vertical"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp" />

• 例子：建立三個 Fragment 分別爲 HomeFragment、DashFragment、NotificationFragment。

• fragment_home.xml 放置了一個 TextView 文本

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    tools:context=".HomeFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Hello Home!" />

</FrameLayout>

• FragmentHome.java 代碼以下：

package com.xyt.helloworld;

import android.os.Bundle;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class HomeFragment extends Fragment {
    private TextView textView;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_home,container,false);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        textView=(TextView)getActivity().findViewById(R.id.title);
    }
}

• 在 MainActivity.java 中實現菜單切換

package com.xyt.helloworld;

import android.content.Intent;
import android.os.Bundle;

import com.google.android.material.bottomnavigation.BottomNavigationView;

import androidx.appcompat.app.AppCompatActivity;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentTransaction;

import android.view.MenuItem;
import android.view.View;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.TextView;
import android.widget.Toast;

import java.util.*;

public class MainActivity extends AppCompatActivity {

    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
            = new BottomNavigationView.OnNavigationItemSelectedListener() {

        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.navigation_home:
                    switchFragment(0);
                    return true;
                case R.id.navigation_dashboard:
                    switchFragment(1);
                    return true;
                case R.id.navigation_notifications:
                    switchFragment(2);
                    return true;
            }
            return false;
        }
    };

    private Fragment[] mFragments = new Fragment[5];
    private void initMainView(){
        mFragments[0] = new HomeFragment();
        mFragments[1] = new DashboardFragment();
        mFragments[2] = new NotificationFragment();
        //初始化第一個 fragment
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        transaction.add(R.id.main_view, mFragments[0]);
        transaction.show(mFragments[0]).commitAllowingStateLoss();
    }

    private int preIdx = 0;
    private void switchFragment(int curIdx){
        if(preIdx != curIdx){//切換內容
            FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
            transaction.hide(mFragments[preIdx]);//隱藏上個Fragment
            if(!mFragments[curIdx].isAdded()){
                transaction.add(R.id.main_view, mFragments[curIdx]);
            }
            transaction.show(mFragments[curIdx]).commitAllowingStateLoss();
            preIdx = curIdx;//更新 index
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        BottomNavigationView navView = findViewById(R.id.nav_view);
        navView.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
        initMainView();
    }

}

• 注意：使用 BottomNavigationView 時若 item 超過三個，只會被選中的 item 纔會顯示 title 的文字，其餘 item 不會顯示。在 BottomNavigationView 定義的標籤下添加    app:labelVisibilityMode="labeled"  能夠解決這個問題。