項目目錄
- 一、項目概述
- 二、開發環境
- 三、詳細設計
-
- 1、登入界面的搭建
- 2、注冊界面的搭建
- 3、好友清單界面的搭建
- 4、跳轉功能實作
- 四、項目效果
- 五、項目總結
- 六、源碼下載下傳
一、項目概述
本次項目主要包含了注冊、登入和好友清單三個界面以及之間互相跳轉。其中好友清單界面設計的很詳細,有好友頭像和消息内容。使用者先點選注冊按鈕進入注冊界面,輸入完賬号和密碼後,點選注冊,跳轉到登入界面,這時候賬号和密碼也被傳了過來,點選登入按鈕進入好友清單界面,這時候使用者名也被傳遞過來。
二、開發環境
三、詳細設計
1、登入界面的搭建
整體布局是相對布局RelativeLayout,上來ImageView是頭像框,下面一個LinearLayout,顯示的賬号TextView和EditText;緊接着還是一個LinearLayout,裡面是密碼的TextView和EditText。最下面是兩個Button,一個是登入,一個是注冊,與父布局同寬。
2、注冊界面的搭建
最外層是RelativeLayout,頂部是一個“新使用者注冊”的TextView,下面一個LinearLayout,顯示的賬号TextView和輸入框EditText;緊接着還是一個LinearLayout,裡面是密碼的TextView和輸入框EditText,最下面是注冊的Button,onClick=“click”。
3、好友清單界面的搭建
最外層是LinearLayout布局,排列方式為vertical垂直。首先最上面是一個LinearLayout,裡面放了一個ImageView頭像,和一個TextView文本框,用來接收使用者登入時的賬号,并且顯示在這裡。在下面是一個TextView,顯示“好友清單”,緊接着是一個ListView清單,顯示好友資訊。
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、主界面預設顯示為登入界面。
2、點選注冊按鈕進入注冊界面。
3、輸入賬号密碼然後注冊,回到登入界面,賬号密碼也穿過來了
4、點選登入進入好友清單界面,賬号也被傳過來了
五、項目總結
本次QQ頁面跳轉項目主要考驗學生對于ListView和intent的使用,對多個頁面之間的跳轉和傳值要熟稔于心,這些知識點在今後的Android項目中會經常使用,是以希望大家能夠熟練掌握上述知識點的使用,友善後續開發項目。
六、源碼下載下傳
需要源碼學習的同學可以關注我的微信公衆号,回複:QQ頁面跳轉,即可擷取源碼,還有很多Android項目等你來學習。
🚀這有你錯過的精彩内容
Android Studio實作簡單的QQ應用
Android Studio實作簡單的購物商城界面
Android Studio實作記事本項目
Android Studio如何實作音樂播放器
Android Studio實作通訊錄