天天看點

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

項目目錄

  • 一、項目概述
  • 二、開發環境
  • 三、詳細設計
    • 1、登入界面的搭建
    • 2、注冊界面的搭建
    • 3、好友清單界面的搭建
    • 4、跳轉功能實作
  • 四、項目效果
  • 五、項目總結
  • 六、源碼下載下傳

一、項目概述

本次項目主要包含了注冊、登入和好友清單三個界面以及之間互相跳轉。其中好友清單界面設計的很詳細,有好友頭像和消息内容。使用者先點選注冊按鈕進入注冊界面,輸入完賬号和密碼後,點選注冊,跳轉到登入界面,這時候賬号和密碼也被傳了過來,點選登入按鈕進入好友清單界面,這時候使用者名也被傳遞過來。

二、開發環境

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

三、詳細設計

1、登入界面的搭建

整體布局是相對布局RelativeLayout,上來ImageView是頭像框,下面一個LinearLayout,顯示的賬号TextView和EditText;緊接着還是一個LinearLayout,裡面是密碼的TextView和EditText。最下面是兩個Button,一個是登入,一個是注冊,與父布局同寬。

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

2、注冊界面的搭建

最外層是RelativeLayout,頂部是一個“新使用者注冊”的TextView,下面一個LinearLayout,顯示的賬号TextView和輸入框EditText;緊接着還是一個LinearLayout,裡面是密碼的TextView和輸入框EditText,最下面是注冊的Button,onClick=“click”。

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

3、好友清單界面的搭建

最外層是LinearLayout布局,排列方式為vertical垂直。首先最上面是一個LinearLayout,裡面放了一個ImageView頭像,和一個TextView文本框,用來接收使用者登入時的賬号,并且顯示在這裡。在下面是一個TextView,顯示“好友清單”,緊接着是一個ListView清單,顯示好友資訊。

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

4、跳轉功能實作

登入按鈕綁定的監聽器,設定意圖進行跳轉,點選從目前的主界面跳轉到好友清單界面。

btn_log.setOnClickListener(new View.OnClickListener() {//匿名内部類方式實作按鈕點選事件
            @Override
            public void onClick(View v) {//傳遞資料
                Intent intent=new Intent(MainActivity.this,friend_list_Activity.class);//建立Intent對象,啟動Activity02
                //将資料存入Intent對象
                intent.putExtra("name",et_name.getText().toString().trim());
                startActivity(intent);
            }
        });
        btn_reg.setOnClickListener(this);
           

注冊按鈕綁定的監聽器,建立意圖Intent,實作點選跳轉到注冊界面。

public void onClick(View view){
        switch(view.getId()){
            case R.id.btn_register:
            Intent intent=new Intent(this,register_Activity.class);
            startActivityForResult(intent,1);//傳回請求結果,請求碼為1
        }
    }
           

注冊界面的注冊按鈕,用click方法實作,建立意圖Intent,并傳值過去。

public void click(View view) {
        Toast.makeText(this, "注冊成功!", Toast.LENGTH_SHORT).show();
        Intent intent = new Intent();
        intent.putExtra("name", reg_name.getText().toString().trim());
        intent.putExtra("password", reg_password.getText().toString().trim());
        setResult(1, intent);
        finish();
    }
           

四、項目效果

1、主界面預設顯示為登入界面。

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

2、點選注冊按鈕進入注冊界面。

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

3、輸入賬号密碼然後注冊,回到登入界面,賬号密碼也穿過來了

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

4、點選登入進入好友清單界面,賬号也被傳過來了

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

五、項目總結

本次QQ頁面跳轉項目主要考驗學生對于ListView和intent的使用,對多個頁面之間的跳轉和傳值要熟稔于心,這些知識點在今後的Android項目中會經常使用,是以希望大家能夠熟練掌握上述知識點的使用,友善後續開發項目。

六、源碼下載下傳

需要源碼學習的同學可以關注我的微信公衆号,回複:QQ頁面跳轉,即可擷取源碼,還有很多Android項目等你來學習。

🚀這有你錯過的精彩内容

Android Studio實作簡單的QQ應用

Android Studio實作簡單的購物商城界面

Android Studio實作記事本項目

Android Studio如何實作音樂播放器

Android Studio實作通訊錄

Android Studio實作QQ的注冊、登入和好友清單界面的跳轉一、項目概述二、開發環境三、詳細設計四、項目效果五、項目總結六、源碼下載下傳

繼續閱讀