一个贼贼简单的APP,按照前端来说,就只是实现了几个页面跳转和点击事件,数据库链接都没用到。就这么几个简单的页面和跳转,各位见笑了。
看一下效果吧:
页面设计(activity_main):
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="10dp" android:background="@mipmap/pp1" tools:context=".MainActivity"> <TextView android:id="@+id/tv1" android:layout_width="wrap_content" android:layout_height="50dp" android:text="我爱安卓" android:textColor="#000000 " android:textSize="18sp" android:layout_gravity="center" android:layout_marginTop="160dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="欢迎登入,hello" android:textColor="#FF5722" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> <EditText android:id="@+id/et_1" android:layout_width="match_parent" android:layout_height="50dp" android:textSize="16sp" android:textColor="@color/colorBlack" android:hint="用户名:" android:maxLines="1" android:padding="5dp" android:layout_marginTop="8dp" android:background="@drawable/bb_username" /> <EditText android:id="@+id/et_2" android:layout_width="match_parent" android:layout_height="50dp" android:textSize="16sp" android:textColor="@color/colorBlack" android:hint="密码:" android:maxLines="1" android:padding="5dp" android:inputType="textPassword" android:layout_marginTop="6dp" android:background="@drawable/bb_username" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_marginTop="20dp" > <Button android:id="@+id/btn_login" android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="center" android:layout_weight="1" android:background="@drawable/bbn_1left" android:textColor="#000000" android:text="登入" /> <Button android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="注册" android:layout_marginLeft="2dp" android:background="@drawable/bbn_1right" android:textColor="#000000" /> </LinearLayout> </LinearLayout>
java(MainActivity):
package com.example.jdcapp; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import androidx.appcompat.app.AppCompatActivity; import com.example.jdcapp.util.ToastUtil; public class MainActivity extends AppCompatActivity implements View.OnClickListener { //声明控件 private Button mBtnLogin; private EditText mEtUser; private EditText mEtPassword; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //找到控件 mBtnLogin = findViewById(R.id.btn_login); mEtUser = findViewById(R.id.et_1); mEtPassword = findViewById(R.id.et_2); // //实现跳转 // mBtnLogin.setOnClickListener(new View.OnClickListener() { // @Override // public void onClick(View v) { // Intent intent =null; // intent = new Intent(MainActivity.this,SlideActivity.class); // startActivity(intent); // } // }); mBtnLogin.setOnClickListener(this); } public void onClick(View v){ //需要获取用户名和密码 String username = mEtUser.getText().toString(); String password = mEtPassword.getText().toString(); //弹出的内容设置 String ok = "登入成功"; String fail = "密码或者账号有误,请重新输入"; Intent intent = null ; //假设正确的账号是ttk,密码是 123456 if(username.equals("ttj")&&password.equals("123456")){ //封装好的类 ToastUtil.showMsg(MainActivity.this,ok); //如果正确的话进行跳转 intent = new Intent(MainActivity.this,SlideActivity.class); startActivity(intent); } else{ // Toast toastCenter = Toast.makeText(getApplicationContext(),fail,Toast.LENGTH_SHORT); // toastCenter.setGravity(Gravity.CENTER,0,0); // toastCenter.show(); ToastUtil.showMsg(MainActivity.this,fail); } } @Override public void onPointerCaptureChanged(boolean hasCapture) { } }
用户名和密码是写死的: 用户名:ttj 密码:123456
页面设计(activity_slide):
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="10dp" android:background="@mipmap/tp2" tools:context=".SlideActivity"> <TextView android:id="@+id/vt_gunc_1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="主界面" android:textSize="30sp" android:gravity="center" /> <TextView android:layout_width="match_parent" android:layout_height="50dp" android:text="选择学习类型" android:gravity="center" android:layout_marginTop="150dp" android:textColor="#000000"/> <Button android:id="@+id/xfw_1" android:layout_width="match_parent" android:layout_height="50dp" android:text="安卓发展史" android:gravity="center" android:layout_marginLeft="10dp" android:background="@drawable/bb_username" android:textColor="#000000" /> <Button android:id="@+id/xfw_2" android:layout_width="match_parent" android:layout_height="50dp" android:text="安卓语法" android:gravity="center" android:layout_marginLeft="10dp" android:background="@drawable/bb_username" android:textColor="#000000" /> <Button android:id="@+id/xfw_3" android:layout_width="match_parent" android:layout_height="50dp" android:text="安卓基本常识" android:gravity="center" android:layout_marginLeft="10dp" android:background="@drawable/bb_username" android:textColor="#000000" /> <Button android:id="@+id/xfw_4" android:layout_width="match_parent" android:layout_height="50dp" android:text="安卓小测试" android:gravity="center" android:layout_marginLeft="10dp" android:background="@drawable/bb_username" android:textColor="#000000" /> </LinearLayout>
java(SlideActivity):
package com.example.jdcapp; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import androidx.appcompat.app.AppCompatActivity; public class SlideActivity extends AppCompatActivity { //声明控件 private Button mBhistory; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_slide); //找到控件 mBhistory = findViewById(R.id.xfw_1); //实现跳转 mBhistory.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = null ; intent = new Intent(SlideActivity.this,function1Activity.class); startActivity(intent); } }); } }
页面设计(activity_function1.xml):
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="10dp" tools:context=".function1Activity"> <TextView android:layout_width="match_parent" android:layout_height="40dp" android:text="下面是安卓的发展历史" android:textSize="30sp" android:gravity="center" android:textColor="#DF1157" /> <TextView android:layout_width="match_parent" android:layout_height="320dp" android:text=" 2003年10月,Andy Rubin等人创建Android公司,并组建Android团队。2005年8月17日,Google低调收购了成立仅22个月的高科技企业Android及其团队。安迪鲁宾成为Google公司工程部副总裁,继续负责Android项目。 2007年11月5日,谷歌公司正式向外界展示了这款名为Android的操作系统。直到2011年1月,谷歌称每日的Android设备新用户数量达到了30万部,到2011年7月,这个数字增长到55万部,而Android系统设备的用户总数达到了1.35亿,Android系统已经成为智能手机领域占有量最高的系统。" android:textSize="20sp" android:textColor="#000000" /> <TextView android:layout_width="match_parent" android:layout_height="40dp" android:text="小练习:下面哪个是Android标志呢????" android:textSize="20sp" android:padding="5dp" android:textColor="#068006" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" > <ImageView android:id="@+id/iv_an" android:layout_width="100dp" android:layout_height="70dp" android:src="@mipmap/tp9" /> <ImageView android:id="@+id/iv_an2" android:layout_width="90dp" android:layout_height="70dp" android:src="@mipmap/tp3" /> <ImageView android:layout_width="90dp" android:layout_height="70dp" android:src="@mipmap/tp5" /> <ImageView android:layout_width="90dp" android:layout_height="70dp" android:src="@mipmap/tp8" /> </LinearLayout> </LinearLayout>
java(function1Activity):
package com.example.jdcapp; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import androidx.appcompat.app.AppCompatActivity; public class function1Activity extends AppCompatActivity { private ImageView Iman; private ImageView Iman2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_function1); Iman = findViewById(R.id.iv_an); Iman2 = findViewById(R.id.iv_an2); Iman.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent =null; intent = new Intent(function1Activity.this, com.example.jdcapp.function11Activity.class); startActivity(intent); } }); Iman2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent =null; intent = new Intent(function1Activity.this,funnn.class); startActivity(intent); } }); } }
页面设计(activity_function11.xml):
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@mipmap/pp1" tools:context=".function11Activity"> <TextView android:layout_width="match_parent" android:layout_height="40dp" android:text=" 恭喜答对了!!!" android:textSize="30sp" android:gravity="center" android:textColor="#DF1157" android:layout_marginTop="200dp" /> <ImageView android:id="@+id/iv_apple" android:layout_width="90dp" android:layout_height="70dp" android:src="@mipmap/tp9" /> </LinearLayout>
java(function11Activity ):
package com.example.jdcapp; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import androidx.appcompat.app.AppCompatActivity; public class function11Activity extends AppCompatActivity { private ImageView Iman; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_function11); // Iman = findViewById(R.id.iv_apple); // Iman.setOnClickListener(new View.OnClickListener() { // @Override // public void onClick(View v) { // Intent intent =null; // intent = new Intent(function11Activity.this,funnn.class); // startActivity(intent); // } // }); } }
别忘了配置AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="com.example.jdcapp"> <application android:allowBackup="true" android:dataExtractionRules="@xml/data_extraction_rules" android:fullBackupContent="@xml/backup_rules" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/Theme.JDCApp" tools:targetApi="31"> <activity android:name=".function11Activity" /> <activity android:name=".function1Activity" /> <activity android:name=".SlideActivity" /> <activity android:name=".funnn" /> <activity android:name=".MainActivity" android:exported="true"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
最后就是用到的样式和目录结构:
bb_username.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="2dp" android:color="@color/colorBlack" /> <corners android:radius="50dp" /> <solid android:color="#00000000" /> </shape>
bbn_1left.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="2dp" android:color="@color/colorBlack" /> <corners android:topLeftRadius="150dp" android:bottomLeftRadius="150dp" /> <solid android:color="#00000000" /> </shape>
bbn_1right.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="2dp" android:color="@color/colorBlack" /> <corners android:topRightRadius="5dp" android:bottomRightRadius="5dp" /> <solid android:color="#00000000" /> </shape>