Android模拟手机QQ登录界面和主界面（含源码） |
您所在的位置：网站首页 › 微信登陆界面代码 › Android模拟手机QQ登录界面和主界面（含源码） |
Android模拟手机QQ登录界面和主界面（含源码）
|
一、主要实现：
手机QQ登录界面的设计Intent的显式跳转和隐式跳转EditText点击小图标清除输入框内容EditText密码输入框中密码可见与不可见的切换使用Fragment实现底部导航栏切换界面PopupMenu的简单使用
二、实验环境：
Android Studio 3.5.2SDK版本：API 29JDK 1.8
三、实现效果：
1.登录界面布局xml 2.登录界面代码java package com.asyyy.androidkaifa.smallqq; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.text.Editable; import android.text.TextUtils; import android.text.TextWatcher; import android.texthod.HideReturnsTransformationMethod; import android.texthod.PasswordTransformationMethod; import android.view.View; import android.widget.EditText; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; import com.asyyy.androidkaifa.R; public class SmallQQ_LoginActivity extends AppCompatActivity { private EditText et_qqnum, et_qqpwd; private ImageView iv_login, et_delete_num, et_delete_pwd, et_pwd_see; private TextView tv_forgetpwd, tv_register; private String qq_numtext, qq_pwdtext; private boolean pwdCanSee; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.smallqq_login_layout); findId(); //QQ账号输入状态监听 et_qqnum.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override public void afterTextChanged(Editable s) { qq_pwdtext = et_qqpwd.getText().toString().trim(); qq_numtext = et_qqnum.getText().toString().trim(); if(!TextUtils.isEmpty(qq_numtext) && !TextUtils.isEmpty(qq_pwdtext)){ //如果账号和密码都不为空，打开图片响应事件，并且更换图片 iv_login.setEnabled(true); iv_login.setImageResource(R.drawable.go_yes); }else { iv_login.setEnabled(false); iv_login.setImageResource(R.drawable.go_no); } } }); //QQ密码输入状态监听 et_qqpwd.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override public void afterTextChanged(Editable s) { qq_pwdtext = et_qqpwd.getText().toString().trim(); qq_numtext = et_qqnum.getText().toString().trim(); if(!TextUtils.isEmpty(qq_numtext) && !TextUtils.isEmpty(qq_pwdtext)){ //如果账号和密码都不为空，打开图片响应事件，并且更换图片 iv_login.setEnabled(true); iv_login.setImageResource(R.drawable.go_yes); }else { iv_login.setEnabled(false); iv_login.setImageResource(R.drawable.go_no); } } }); //QQ密码输入焦点监听 et_qqpwd.setOnFocusChangeListener((v, hasFocus) -> { if(hasFocus){ et_pwd_see.setVisibility(View.VISIBLE); }else { et_pwd_see.setVisibility(View.INVISIBLE); } }); //密码可见小图标 pwdCanSee = false;//true密码可见，false密码不可见 et_pwd_see.setOnClickListener(v -> { if(pwdCanSee){ //设置不可见 et_qqpwd.setTransformationMethod(PasswordTransformationMethod.getInstance()); et_pwd_see.setImageResource(R.drawable.et_pwd_no); et_qqpwd.setSelection(et_qqpwd.getText().length()); pwdCanSee = false; }else { //设置可见 et_qqpwd.setTransformationMethod(HideReturnsTransformationMethod.getInstance()); et_pwd_see.setImageResource(R.drawable.et_pwd_yes); et_qqpwd.setSelection(et_qqpwd.getText().length()); pwdCanSee = true; } }); //删除小图标 EditTextUtils.clearButtonListener(et_qqnum, et_delete_num); EditTextUtils.clearButtonListener(et_qqpwd, et_delete_pwd); //登录 //iv_login.setClickable(true); //setOnClickListener方法会默认把控件的setClickable设置为true。 //设置login图片无事件响应 iv_login.setEnabled(false); iv_login.setOnClickListener(v -> { qq_numtext = et_qqnum.getText().toString().trim(); qq_pwdtext = et_qqpwd.getText().toString().trim(); Toast.makeText(this,"登录成功!账号:" + qq_numtext + ",密码:" + qq_pwdtext,Toast.LENGTH_SHORT).show(); Intent intent = new Intent(SmallQQ_LoginActivity.this, SmallQQ_MainChatActivity.class); startActivity(intent); }); //忘记密码 tv_forgetpwd.setOnClickListener(v -> { Intent intent = new Intent(); intent.setAction("SmallQQ.error"); startActivity(intent); }); //用户注册 tv_register.setOnClickListener(v -> startActivity(new Intent().setAction("SmallQQ.error"))); } private void findId(){ et_qqnum = findViewById(R.id.qq_num); et_qqpwd = findViewById(R.id.qq_pwd); iv_login = findViewById(R.id.qq_login); tv_forgetpwd = findViewById(R.id.qq_forgetpwd); tv_register = findViewById(R.id.qq_register); et_delete_num = findViewById(R.id.iv_et_num_delete); et_delete_pwd = findViewById(R.id.iv_et_pwd_delete); et_pwd_see = findViewById(R.id.iv_et_pwd_see); } }3.显示主界面布局xml 4.显示主界面代码java package com.asyyy.androidkaifa.smallqq; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.view.menu.MenuPopupHelper; import androidx.fragment.app.FragmentManager; import androidx.fragment.app.FragmentTransaction; import android.os.Bundle; import android.view.MenuItem; import android.view.View; import android.widget.ImageView; import android.widget.PopupMenu; import android.widget.TextView; import android.widget.Toast; import com.asyyy.androidkaifa.R; import java.lang.reflect.Field; import java.lang.reflect.InvocationTargetException; import java.lang.reflect.Method; public class SmallQQ_MainChatActivity extends AppCompatActivity implements View.OnClickListener { private TextView user_title, bar_news, bar_friend, bar_dongtai; private ImageView menu_add; private NewsFragment newsFragment; private FriendFragment friendFragment; private DongtaiFragment dongtaiFragment; private FragmentManager fManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.smallqq_mainchat_layout); user_title = findViewById(R.id.user_title); bar_news = findViewById(R.id.tvbar_user); bar_friend = findViewById(R.id.tvbar_friend); bar_dongtai = findViewById(R.id.tvbar_dongtai); menu_add = findViewById(R.id.menu_add); bar_news.setOnClickListener(this); bar_friend.setOnClickListener(this); bar_dongtai.setOnClickListener(this); fManager = getSupportFragmentManager(); bar_news.performClick();//模拟一次点击，既进去后选择消息界面 menu_add.setOnClickListener(v -> { PopupMenu popupMenu = new PopupMenu(SmallQQ_MainChatActivity.this, menu_add); popupMenu.getMenuInflater().inflate(R.menu.menu_add,popupMenu.getMenu()); popupMenu.setOnMenuItemClickListener(item -> { String str = ""; switch (item.getItemId()){ case R.id.menu_add1: str = item.getTitle() + ""; break; case R.id.menu_add2: str = item.getTitle() + ""; break; case R.id.menu_add3: str = item.getTitle() + ""; break; case R.id.menu_add4: str = item.getTitle() + ""; break; case R.id.menu_add5: str = item.getTitle() + ""; break; case R.id.menu_add6: str = item.getTitle() + ""; break; } Toast.makeText(SmallQQ_MainChatActivity.this,"你点击了 " + str, Toast.LENGTH_SHORT).show(); return true; }); popupMenu.show(); }); } //重置所有文本的选中状态 private void setSelected(){ bar_news.setSelected(false); bar_friend.setSelected(false); bar_dongtai.setSelected(false); } //隐藏所有Fragment private void hideAllFragment(FragmentTransaction transaction){ if(newsFragment != null) transaction.hide(newsFragment); if(friendFragment != null) transaction.hide(friendFragment); if(dongtaiFragment != null) transaction.hide(dongtaiFragment); } @Override public void onClick(View v) { //FragmentTransaction只能使用一次 //每次使用都要调用FragmentManager的beginTransaction()方法获得FragmentTransaction事务对象 FragmentTransaction transaction = fManager.beginTransaction(); hideAllFragment(transaction); switch (v.getId()){ case R.id.tvbar_user: setSelected(); bar_news.setSelected(true); user_title.setText("消息"); if(newsFragment == null){ newsFragment = new NewsFragment(); transaction.add(R.id.fragment_content, newsFragment); }else { transaction.show(newsFragment); } break; case R.id.tvbar_friend: setSelected(); bar_friend.setSelected(true); user_title.setText("联系人"); if(friendFragment == null){ friendFragment = new FriendFragment(); transaction.add(R.id.fragment_content, friendFragment); }else { transaction.show(friendFragment); } break; case R.id.tvbar_dongtai: setSelected(); bar_dongtai.setSelected(true); user_title.setText("动态"); if(dongtaiFragment == null){ dongtaiFragment = new DongtaiFragment(); transaction.add(R.id.fragment_content, dongtaiFragment); }else { transaction.show(dongtaiFragment); } break; } //把newsFragment添加到Activity中的指定位置,最后调用commit()或者commitAllowingStateLoss() transaction.commitAllowingStateLoss(); } } 五、源码下载：积分下载（包含源码，用到的各种图片） 注：当初上传的时候设置的是0积分，但是积分会自动慢慢加，当初的文件我现在也不太好找了，不过重要的代码也粘贴出来了 https://download.csdn.net/download/qq_40907345/12377480 |
【本文地址】
今日新闻 |
推荐新闻 |