• Android Studio实现一个简单的健身系统


    一、系统背景

    近年来,随着生活质量的不断提高,大学生更加追求饮食的享受,比如在周末经常会出去吃火锅和烧烤,但是吃完了也不运动,很快就长肉了。长时间饮食不规律,身体还会出现不良症状。所以,越来越多的人都去健身房办卡健身,希望保持身体健康,在此背景下,健身系统应运而生。

    二、系统概述

    进入应用,首先是欢迎界面,等待3s后跳转到登录界面,我们先注册账号,使用MD5加密,安全性更强。选择记住密码的话,会在下次进入应用时自动填充账号密码,否则不会。登录成功进入主页面,可以选择个人信息或者运动项目。选择个人信息,可以修改信息,修改完之后会更新数据库中User表的数据。下方还会显示名言警句,每次打开都会显示不同的内容。选择运动项目,进入项目列表,选择任意运动项目,会进入锻炼界面,这里有锻炼视频,下方有计时功能,可以进行开始锻炼、暂停锻炼、停止锻炼和结束锻炼。

    涉及知识点:MD5加密,文件存储,Sqlite数据库,VideoView视频播放器,Thread多线程编程,OkHttp网络通信框架,Toolbar工具栏,RecycleView列表,Handler异步消息机制,ViewPager轮播图,Json数据解析,Glide图片加载库。

    三、开发环境

    本项目开发的Android Studio版本比较早,只要你的Android Studio是近两年从官网下载的,都是满足的。
    在这里插入图片描述

    四、系统结构

    我们展开Android视图下的目录,也就是源代码文件,下面介绍每个包的内容。

    • activity是ExerciseActivity等活动,主要活动都在这里,命名也遵循大驼峰命名法。
    • adapter是列表布局的适配器,因为运动项目都是以列表呈现,轮播图也如此,将我们准备的数据源按照我们设定的方式显示到屏幕上,就是用的适配器。
    • app是应用基础,比如欢迎、登录和注册。
    • bean实体类,大家肯定很熟悉了,数据库存储肯定用到数据表,那么bean就起到了表结构的作用,直接根据bean进行建表,这里是谚语bean、运动项目bean和用户bean。
    • database就是sqlite数据库,通过DatabaseHelper帮助类对象访问数据库,UserDao进行用户表的数据库操作。
    • http是发送和接收Http请求的工具类,使用OkHttp网络通信框架,client发送http请求,并获取服务器返回的数据,然后使用GSON进行Json解析。

    在这里插入图片描述

    五、详细设计

    5.1、RecycleView

    RecycleView列表使用起来很简单,四行代码引用下就可以。

    
    <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"
        tools:context=".Activity.SportActivity">
        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
    
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    
    
    LinearLayout>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23

    设置下子项的布局,CardView里面嵌套个ImageView,主要是CardView的radius要设置下。

    
    <androidx.cardview.widget.CardView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_margin="5dp"
        app:cardCornerRadius="15dp">
        <ImageView
            android:id="@+id/sport_image"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:background="@drawable/p7"/>
    
    androidx.cardview.widget.CardView>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    然后创建Adapter,重写父类方法,主要是ViewHolder进行控件绑定,这里只展示这部分代码。

        static class ViewHolder extends RecyclerView.ViewHolder{
            CardView cardView;
            ImageView sportImage;
            public ViewHolder(View itemView) {
                super(itemView);
                cardView = (CardView) itemView;
                sportImage = itemView.findViewById(R.id.sport_image);
            }
        }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    写完Adapter代码之后,在主函数里面,就是创建数据源,创建适配器,然后设置适配器,三步完成列表的显示。

    	initSport();
    	RecyclerView recyclerView = findViewById(R.id.recycler_view);
    	GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 1);
    	recyclerView.setLayoutManager(gridLayoutManager);
    	// 创建适配器,同时加载数据源
    	sportAdapter = new SportAdapter(sportList);
    	// 设置适配器
    	recyclerView.setAdapter(sportAdapter);
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    5.2、ViewPager

    首先到处搜索资源图片,然后创建数组存放它们的id。然后创建图片列表和点列表,设置图片view的宽高,将图片view加载到集合中,创建图片对应的指示器小圆点,将小圆点添加到布局当中,为了方便操作,将小圆点加入统一管理的集合。

    	 // 设置滑动页面
        private void initPager() {
            ivList = new ArrayList<>();
            pointList = new ArrayList<>();
            for (int i = 0; i < imgIds.length; i++) {
                ImageView iv = new ImageView(this);
                iv.setImageResource(imgIds[i]);
                iv.setScaleType(ImageView.ScaleType.FIT_XY);
                // 设置图片view的宽高
                LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,
                        LinearLayout.LayoutParams.MATCH_PARENT);
                iv.setLayoutParams(lp);
                // 将图片view加载到集合中
                ivList.add(iv);
                // 创建图片对应的指示器小圆点
                ImageView piv = new ImageView(this);
                piv.setImageResource(R.drawable.point_normal);
                LinearLayout.LayoutParams plp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
                        LinearLayout.LayoutParams.WRAP_CONTENT);
                plp.setMargins(20, 0, 0, 0);
                piv.setLayoutParams(plp);
                // 将小圆点添加到布局当中
                pointLayout.addView(piv);
                // 为了方便操作,将小圆点加入统一管理的集合
                pointList.add(piv);
            }
            pointList.get(0).setImageResource(R.drawable.point_focus);
            pagerAdapter = new PagerAdapter(this, ivList);
            viewPager.setAdapter(pagerAdapter);
        }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30

    然后就是轮播图的监听器,实现手动滑动,然后利用Handler消息机制进行自动滑动。

        // 设置页面滑动的监听器
        private void setVPListener() {
            viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    
                }
    
                @Override
                public void onPageSelected(int position) {
                    for (int i = 0; i < pointList.size(); i++) {
                        pointList.get(i).setImageResource(R.drawable.point_normal);
                    }
                    pointList.get(position).setImageResource(R.drawable.point_focus);
                }
    
                @Override
                public void onPageScrollStateChanged(int state) {
    
                }
            });
        }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    5.3、OkHttp

    通常情况下,我们都应该将这些通用的网络操作提取到一个公共的类里,并提供一个静态方法,当想要发起网络请求的时候,只需要简单调用这个方法即可。HttpURLConnection的写法很复杂,使用OkHttp会变得非常简单,接口设计非常人性化,使得我们只需要编写少量的代码就能完成较为复杂的网络操作。

    public class HttpUtil {
        public static void sendOkHttpRequest(String address, okhttp3.Callback callback) {
            OkHttpClient client = new OkHttpClient();
            Request request = new Request.Builder()
                    .url(address)
                    .build();
            client.newCall(request).enqueue(callback);
        }
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    Http请求结果都回调到了okhttp3.Callback当中,所以直接获取response的body的string(),获取数据然后进行显示,解析和显示方法进行了封装。

    HttpUtil.sendOkHttpRequest(URLUtils.index_url, new okhttp3.Callback() {
                @Override
                public void onFailure(Call call, IOException e) {
                    Toast.makeText(PersonActivity.this, "今日励志古言接口次数已用完。", Toast.LENGTH_SHORT).show();
                }
    
                @Override
                public void onResponse(Call call, Response response) throws IOException {
                    // 得到服务器返回的数据
                    String result = response.body().string();
                    parseShowData(result);
                }
            });
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    六、运行演示

    Android Studio实现一个健身系统

    七、系统总结

    本次健身系统可以说是非常简单了,非常适合刚学习Android的同学进行练习。在简单的同时包含了很多常用知识点,比如MD5加密,文件存储,Sqlite数据库,VideoView视频播放器,Thread多线程编程,OkHttp网络通信框架,Json数据解析等。相信掌握之后,会更好地打牢android基础。

    八、源码获取

    🍉关注公众号《萌新加油站》,🍍后台回复:健身,即可获取源码~

    ✨还有很多优质的Android项目等你来学习~


    🚀这有你错过的精彩内容

    也可以直接下载源代码:👉Android Studio实现一个简单的健身系统👈

  • 相关阅读:
    D. Sorting By Multiplication
    SpringBoot项目--电脑商城【显示商品详情功能】
    Python编程 元组的创建
    黄金代理这么多,怎么选?
    GPU型号简介
    TypeScript 基础学习
    深入理解Aarch64内存管理
    微服务API网关
    from表单、css选择器、css组合器、字体样式、背景属性、边框设置、display设置
    学生HTML个人网页作业作品 HTML+CSS校园环保(大学生环保网页设计与实现)
  • 原文地址:https://blog.csdn.net/qq_42257666/article/details/125812489