前言
又到了课设的时候,这次课设比较难受,因为两周时间中还有3门考试,在课设的时候还要复习,着实耗费了不少的精力,不过也收获多多,接下来总结一下本次课设中学到的东西
Android学习之网上商城(上)
Android学习之网上商城(下)
源码下载:
链接:/s/1Z17xBHV9iq70LwdgXxwDIQ
提取码:Lin2
Android学习之网上商城源代码
本博客内容原创,创作不易,转载请注明
本文链接
个人博客:https://ronglin.fun/?p=118
PDF链接:见博客网站
CSDN: /RongLin02/article/details/121876257
开发环境:
Android Studio版本:(Android Studio Arctic Fox .3.1 Patch 3)SDK版本:(Android 7.0 API24 Revision 2)Gradle版本:(7.0.2)Android Gradle Plugin版本:(7.0.3)
选题
题目
本次选题为网上商城/外卖小助手。要求如下:
功能要求
要求实现商品展示、商品详细介绍、下订单、购物车。要求实现用户注册、登录、查看历时订单。数据:可以采用静态的固定的数据来模拟(如果动手能力较强,可以尝试自己动手搭后台,利用 Android 网络编程)。
目的:
掌握 Android 中的菜单及导航框架。掌握自定义布局。掌握 Android 中的数据存储。
分析
1. 商品展示
商品展示准备用一个ListView展示内容,主要包括商品的名称、价格、预览图、加入购物车功能等
2. 商品详细介绍
这个界面准备用一个自定义Dialog实现,主要是布局设计,展示商品的名称、价格、预览图、描述、标签等
3. 购物车
购物车用一个ListView维护,主要是用来显示用户的购物车内容,这个界面的主要功能就是对购物车中的商品删除和下单扣费,因为是静态数据,准备用ArrayList数组维护
4. 下订单
暂定实现用户的扣费和将订单加入历史订单中,用ArrayList维护,主要是内容的增加和删除
5. 注册
用单独的一个Activity实现,主要是用于用户的注册,有三个数据,第一个是用户名,第二个是密码,第三个是确认密码,然后注册成功之后将数据插入本地数据库,用户列表主要用SQLite存储。
6. 登录
登录就是比对用户输入和数据库中的数据是否匹配,匹配则登录成功,失败则提示
7. 历史订单
历史订单用SQLite存储,主要记录的是用户的用户名,商品名称和购物时间
8. 数据
由于时间有限,本次Android设计主要是用静态数据,商品数据由本地写死,用户信息用SQLite数据库维护
效果展示
注册登录
实现账号的注册与登录,当用户注册完成后,会将注册好的账号密码自动填入登录界面中
商品展示
商品的展示界面,点击每一行展示商品的详细信息,点击+号可以将商品添加到购物车中
购物车
购物车中需要扣费,在个人中心可以充值,然后购物的时候可以扣费
用法
这个模块主要用来说明,在本次安卓开发用主要用的部分,一个ListView,一个是viewBinding,一个是Fragment,还有一些其他的用法
ListView
ListView是这其中最常用的控件,包括商品展示,购物车列表展示,个人中心中的历史清单列表,都是用的ListView显示数据。
item
在ListView中,每一行都是一个item,所以说要用ListView首先就是先设计一个item的布局文件,如下图
部分代码如下:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><ImageViewandroid:id="@+id/imageViewPreview"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"app:srcCompat="@drawable/default_goods"android:background="@color/white"android:adjustViewBounds="true"android:scaleType="centerInside"/><LinearLayoutandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="3"android:orientation="vertical">......</LinearLayout></LinearLayout>
这样新建一个item,并且为其中每一个按钮设置好id
BaseAdapter
设计完每一行的显示之后还不行,还要用代码来设计每一个item是如何显示的,这里就用到了Adapter适配器,因为我的数据显示比较复杂,只能用自定义的适配器,定义一个类,继承自BaseAdapter
类,然后实现其中的几个抽象方法,如下
package com.ronglin.linshopping.application;public class GoodsListAdapter extends BaseAdapter{private ArrayList<Goods> list_goods;public GoodsListAdapter(ArrayList<Goods> list, Context context){this.list_goods = list;this.context = context;}public void setListGoods(ArrayList<Goods> list){this.list_goods = list;}@Overridepublic int getCount() {return list_goods.size();}@Overridepublic Object getItem(int i) {return list_goods.get(i);}@Overridepublic long getItemId(int i) {return i;}@Overridepublic View getView(int i, View view, ViewGroup viewGroup) {View item_view;item_view = View.inflate(this.context, R.layout.list_item_goods,null);//设置列表的显示形式TextView textViewGoodsName = item_view.findViewById(R.id.textViewGoodsName);textViewGoodsName.setText(list_goods.get(i).getGoodsName());return item_view;}}
这个GoodsListAdapter
类就是用来控制每一行如何显示的,为了实现动态数据,用了一个ArrayList实现数据存储,然后显示的数据都从ArrayList中提取这几个方法简单提示一下
getCount()
用来获取到底有多少行
getItem(int i)
用来获取第i行(从0开始)的数据类
getItemId(int i)
用来获取第i行(从0开始)的数据id
getView(int i, View view, ViewGroup viewGroup)
用来设置第i行(从0开始)的显示形式
Bottom Navigation Activity
因为要实现多个界面切换,在设计时看到Android Studio中的Activity的时候,看到了Bottom Navigation Activity
,是用底边栏按钮切换界面,下面简单介绍一下它的用法
文件分布
bottom_nav_menu.xml
首先是/res/menu
下的bottom_nav_menu.xml
,这个文件的作用是控制底边栏的样式,比如购物车的图标,名称之类的,基本格式如下:
<itemandroid:id="@+id/navigation_person"android:icon="@drawable/person"android:title="@string/title_person" />
文件中主要就是item,根据所查的资料,item的个数是3–5个,icon就是底边栏的按钮图标,title就是底边栏的名称
mobile_navigation.xml
然后就是在/res/navigation
下的mobile_navigation.xml
,这个文件就是设置每一个item中面板内容,基本内容如下
<fragmentandroid:id="@+id/navigation_goods"android:name="com.ronglin.linshopping.ui.goods.GoodsFragment"android:label="@string/title_goods"tools:layout="@layout/fragment_goods" />
android:name 是用来配置控制界面的类,格式是包名.类名
tools:layout 是用来设置每一个界面的布局文件
简单使用
切换界面
如果想要切换手动的切换界面,要这样使用
binding.imageButtonShopping.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Navigation.findNavController(GoodsFragment.this.getView()).navigate(R.id.navigation_shopping);}});
这句代码的作用就是切换界面
然后就是Fragment的用法,关于Fragment下面还有用法说明
viewBinding
因为我用的是系统自动生成的Bottom Navigation Activity
(底边栏按钮切换界面),在自动生成的代码中,用到了viewBinding,查了一下资料,发现用起来很方便,这里简单的说一下使用
build.gradle
首先要是想使用viewBinding,要在build.gradle(Module:xxx)
中开启viewBinding
android {compileSdk 30......buildFeatures {viewBinding true}}
然后就可以用了
使用说明
开启viewBinding后,它会把每一个layout目录下的 xml 文件按照 驼峰命名法 生成了一个类,例如activity_main.xml
文件就被生成类ActivityMainBinding
然后就可以通过类的实例来访问其中的控件
例如在test_layout.xml
中如下定义
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"android:layout_width="match_parent"android:layout_height="45dp"><EditTextandroid:id="@+id/editTextSearch"android:gravity="center_vertical"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="4"android:layout_gravity="center_vertical"android:layout_margin="5dp"/></LinearLayout>
然后在Activity中就可以这样使用
public class MainActivity extends AppCompatActivity {private TestLayoutBinding binding;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);binding = TestLayoutBinding.inflate(getLayoutInflater());setContentView(binding.getRoot());binding.editTextSearch.setText("test");}}
通过binding.Id名称就可以访问到特定的控件了,如果没有在Activity中,只有Context对象的话,可以这样初始化
binding = TestLayoutBinding.inflate(LayoutInflater.from(context));
之后就基本上可以不用findViewById
方法了,就可以直接用binding来访问控件了。
注意:
当和ListView
中的BaseAdapter
一起使用时,不能用binding,还是要用findViewById
方法,不知道是不是自己用错了,几次尝试之后都显示失败,无果后只能放弃
Fragment
在使用系统自动生成的Bottom Navigation Activity
时,它生成了3个Fragment。
以下部分内容来官方API文档
Fragment 表示应用界面中可重复使用的一部分。Fragment 定义和管理自己的布局,具有自己的生命周期,并且可以处理自己的输入事件。Fragment 不能独立存在,而是必须由 Activity 或另一个 Fragment 托管。Fragment 的视图层次结构会成为宿主的视图层次结构的一部分,或附加到宿主的视图层次结构。
生命周期
这是它的生命周期图,和Activity很像,简单说明一下,Fragment不能够单独使用,要嵌套在Activity中使用,其生命周期也受到所在Activity的生命周期的影响,需要注意的是,在多个Fragment之中的切换,会调用onDestroyView
和onCreateView
同时数据会清空,但是对应的类并没有被销毁重构,只是界面View被销毁重构
ViewModel
在使用Bottom Navigation Activity
的时候,会发现,每一个界面类还会跟随一个ViewModel
类,这个类主要是用来存储数据,用来适配Controller和Model之间的桥梁,同时用ViewModel也可以在多个Fragment中实现数据共享,接下来简单的说明用法
初始化
private GoodsViewModel goodsViewModel;private FragmentGoodsBinding binding;public View onCreateView(@NonNull LayoutInflater inflater,ViewGroup container, Bundle savedInstanceState) {binding = FragmentGoodsBinding.inflate(inflater, container, false);View root = binding.getRoot();goodsViewModel =new ViewModelProvider(this).get(GoodsViewModel.class);return root;}
可以看到ViewModel的初始化是在onCreateView
中,所以说每当点击切换Fragment的时候,ViewMode的数据都会重新初始化,这点要尤为注意
设置数据
先来简单的看一下ViewModel类中的变量和方法
public class GoodsViewModel extends ViewModel {private final MutableLiveData<Goods> goods;public GoodsViewModel() {goods = new MutableLiveData<>();}public LiveData<Goods> getGoods() {return goods;}public void setGoods(Goods goods){this.goods.setValue(goods);}}
主要的变量就是一个MutableLiveData<?>
类,这个类可以动态监听值的变化,在对应的Fragment类中可以看到以下方法
goodsViewModel.getGoods().observe(getViewLifecycleOwner(), new Observer<Goods>() {@Overridepublic void onChanged(Goods goods) {Log.i("TAG",Goods.toString());}});
当类中Goods的值变化的时候就会自动执行onChanged
的代码,参数中的goods是变化之后的值
经过我的开发尝试,只有在调用goodsViewModel.setGoods(goods)
的时候才会被监听到,所以说当用goodsViewModel.getGoods()
方法获取到数据之后,对数据的操作不会引起监听变化,所以说当改变数据之后要调用一下goodsViewModel.setGoods()
方法,如下:
goodsViewModel.getGoods().setPrice(1000);goodsViewModel.setGoods(goodsViewModel.getGoods());
这要变化之后就会调用监听了
然后就是在其他的Fragment获取数据
GoodsViewModel goodsViewModel;goodsViewModel = new ViewModelProvider(this).get(GoodsViewModel.class);
SQLite
在Android中,数据库是使用SQLite的,关于SQLite用法网上有很多资料,这里简单说一下用法
创建
数据库的创建是需要创建一个类来继承自SQLiteOpenHelper
,然后在类中实现它的抽象方法,如下:
public class MySQLiteHelper extends SQLiteOpenHelper {public MySQLiteHelper(@Nullable Context context) {super(context,"LinShopping.db", null, 1);}@Overridepublic void onCreate(SQLiteDatabase sqLiteDatabase) {sqLiteDatabase.execSQL("create table person(username varchar(30) primary key,password varchar(30))");}@Overridepublic void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {}}
其中构造函数有很多,我这里只是实现了其中一个,主要是需要一个Context类来初始化,然后还要设置一下数据库的名称,这个数据库的创建是在应用刚安装的时候创建的,只会创建一次,然后在onCreate
方法用来调用execSQL
方法来创建新表
之后有关所有数据库的操作都会用到这个SQLiteOpenHelper
类
操作
我本人习惯将数据库的操纵封装成一个类来调用,所以说新建一个Database类来实现数据库操作
public class Database {private MySQLiteHelper mySQLiteHelper;private SQLiteDatabase database;public Database(MySQLiteHelper mySQLiteHelper){this.mySQLiteHelper = mySQLiteHelper;}}
因为获取数据库需要用到SQLiteOpenHelper
类,所以在构造函数中就需要传入一个SQLiteOpenHelper
类。
同时可以用execSQL方法直接输入SQL语句操作数据,这里不再说明
增
增加方法比较简单,如下
public void insertPersonToSQLite(Person person){database = mySQLiteHelper.getWritableDatabase();ContentValues values = new ContentValues();values.put("username",person.getUsername());values.put("password",person.getPassword());long id = database.insert("person",null,values);database.close();}
需要定义一个ContentValues
类来保存Key-Value对,然后通过insert
方法插入数据库
删
删除用法同样比较简单,如法如下:
public int deletePersonToSQLite(Person person){database = mySQLiteHelper.getWritableDatabase();int number = database.delete("person","username =?",new String[]{person.getUsername()});database.close();return number;}
改
用法如下
public int updatePersonToSQLite(Person person){database = mySQLiteHelper.getWritableDatabase();ContentValues values = new ContentValues();values.put("password",person.getPassword());int number = database.update("person",values,"username =?",new String[]{person.getUsername()});database.close();return number;}
查
查询方法因为需要返回很多数据,所以说用法稍微麻烦一点点,实例如下:
public ArrayList<Person> findPersonFromSQLite(String username){database = mySQLiteHelper.getReadableDatabase();ArrayList<Person> list = new ArrayList<>();Cursor cursor = database.query("person",null,"username=?",new String[]{person.getUsername()},null,null,null);if (cursor.getCount() == 0){cursor.close();database.close();return list;} else {cursor.moveToFirst();list.add(new Person(cursor.getString(0),cursor.getString(1)));while (cursor.moveToNext()){list.add(new Person(cursor.getString(0),cursor.getString(1)));}cursor.close();database.close();return list;}}
简单来说就是需要一个cursor游标来存储返回的数据,然后通过操作游标来实现数据的获取
其他功能
接下来是一些常用的小功能,用法
监听文本框
有时候我们希望,我们的EditText只能输入特定的内容或者当用户输入完毕后立刻处理结果,这样就需要用到TextWatcher
类了
binding.editTextSearch.addTextChangedListener(new TextWatcher() {@Overridepublic void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {}@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {String search = s.toString().trim();Log.i("TAG",search);}@Overridepublic void afterTextChanged(Editable editable) {}});
简单的说明一下用法
beforeTextChanged(CharSequence s, int start, int count, int after)
s: 修改之前的文字。
start: 字符串中即将发生修改的位置。
count: 字符串中即将被修改的文字的长度。如果是新增的话则为0。
after: 被修改的文字修改之后的长度。如果是删除的话则为0。
onTextChanged(CharSequence s, int start, int before, int count)
s: 改变后的字符串
start: 有变动的字符串的序号
before: 被改变的字符串长度,如果是新增则为0。
count: 添加的字符串长度,如果是删除则为0。
afterTextChanged(Editable s)
s: 修改后的文字
修改机制如下:文字改变->watcher接收到通知->setText->文字改变->watcher接受到通知->…
参考:
Android TextWatcher内容监听死循环
可以实现限制用户输入
@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {String search = s.toString().trim();Log.i("TAG",search);editTextSearch.removeTextChangedListener(this);editTextSearch.setText(search);editTextSearch.addTextChangedListener(this);}
定时器
因为Android中的UI界面是一个单线程,所以说如果要实现一个定时器,比如几秒之后干什么,有点小困难,先看实例代码
@SuppressLint("HandlerLeak") Handler mHandler = new Handler() {@Overridepublic void handleMessage(Message msg) {//这里写到时间之后的操作}};TimerTask task = new TimerTask(){public void run() {Message message = new Message();mHandler.sendMessage(message);}};Timer timer = new Timer();timer.schedule(task, 1000);
就是需要定义一个Handler
类来处理消息,然后定义一个TimerTask
类来发送消息,用一个Timer
类来启动
显示图片
图片有很多类型,我这里用的是Bitmap
类,从drawable目录下构造Bitmap
的方法如下:
Bitmap bitmap1 = BitmapFactory.decodeResource(context.getResources(), R.drawable.renzituo));
用这个方法在生成release版本的时候,同样会显示,同时操作图片也很方便.
总结
到此,一些本次课设中常用功能实现就总结完毕,接下来就是对单独某些模块的实现总结,未完待续,=w=
如果觉得《Android学习之网上商城(上)》对你有帮助,请点赞、收藏,并留下你的观点哦!