Android——一个简单的闹钟APP

1年前 (2022) 程序员胖胖胖虎阿

210 0 0

一个简单的闹钟

效果视频
- 闹钟子项
- - 子项布局效果图
  - 闹钟适配器类
  - 闹钟初始数据
  - 侧滑删除闹钟子项
  - - 添加依赖
    - 布局设置
    - 实现侧滑回调方法
    - 绑定RecyclerView
    - 删除子项
  - 新增闹钟子项
  - - 序列化实体类
    - - 定义实体类，并实现序列化
      - 取出序列化实体类对象
    - TimePicker
    - - 自定义TimePicker文字大小及颜色
      - 获取时间数据
      - 返回时间数据
      - 存储数据
      - 取出数据
        
        子项添加
- 自定义Switch样式
- - Switch效果如图
  - 创建`thumb`和`track`样式
  - - thumb样式
    - - 选中状态
      - 默认状态
    - track样式
    - - 选中状态
      - 默认状态
- 闹钟提醒服务
- - Service
  - 开始服务
  - 暂停服务
- 单例类
- - SP封装类
  - KillProcess封装类
  - TimeFormat封装类
下载地址
尾言

效果视频

Android——一个简单的闹钟APP

闹钟子项

子项布局效果图

Android——一个简单的闹钟APP

闹钟适配器类

本示例采用的是RecyclerView，其适配器类与常无二，其异在于继承一个代理类，为适配之后侧滑删除而准备

public class ClockAdapter extends WeSwipeProxyAdapter<ClockAdapter.ViewHolder>

建立一个内部类ViewHolder实现控件定义申明

public ViewHolder(@NonNull View itemView) {
            super( itemView );
            DeleteBtn = itemView.findViewById( R.id.DeleteBtn );
            Hour = itemView.findViewById( R.id.Hour );
            Split = itemView.findViewById( R.id.Split );
            Min = itemView.findViewById( R.id.Min );
            Layout = itemView.findViewById( R.id.ItemLayout );
            ClockSwitch = itemView.findViewById( R.id.ClockSwitch );
        }

实现onCreateViewHolder方法载入子项布局文件

public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from( parent.getContext() ).inflate( R.layout.clock_item,parent,false );
        return new ViewHolder( view );
    }

绑定实体类，实现onBindViewHolder获取数据

public void onBindViewHolder(@NonNull final ViewHolder holder, final int position) {
        final ClockTime clockTime = timeList.get( position );
        holder.Hour.setText( clockTime.getHour() );
        holder.Split.setText( ":" );
        holder.Min.setText( clockTime.getMin() );
        boolean isSelect = clockTime.isSelect();
        if (isSelect){
            holder.ClockSwitch.setChecked( true );
        }else {
            holder.ClockSwitch.setChecked( false );
        }
        holder.DeleteBtn.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                DeleteItem(position);
            }
        } );
        holder.ClockSwitch.setOnCheckedChangeListener( new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (isChecked){
                    SelectModel(holder,clockTime);
                }else {
                    NormalModel(holder);
                }
            }
        } );
    }

闹钟初始数据

此处有三处状态，第一种状态：第一次进入程序，默认加载固定闹钟子项；第二种状态：进入添加子项页面，然后返回其主页面，并判断其switch是否为ture，如果为ture则添加子项；第三种状态：程序被系统回收或者用户停止程序，并再次进入程序，防止加载前一时刻闹钟子项；

    /**
     * 默认数据*/
    private void InitData(){
        if (flag == START){
            for (int i = 6; i < 20 ; i+=2) {
                ClockTime clockTime = new ClockTime( timeFormat.HandleHour( i ),timeFormat.HandleHour( i ),false );
                clockTimeList.add( clockTime );
                clockTime.setClockTimeList( clockTimeList );
            }
        }else if (flag == PAUSE){
            GetCallBackData();
        }else {
            Log.d( TAG,"Restart App" );
        }
    }

侧滑删除闹钟子项

添加依赖

实现侧滑主要依赖于一个第三方包，然后使用RecyclerView进行子项绑定
依赖如下：

    implementation 'com.github.WangcWj:WeSwipe:1.0.2'
    implementation 'cn.wang.we:network:1.0.0'

并在目录build.gradle包下添加如下库

 maven { url 'https://jitpack.io' }

布局设置

其实现侧滑删除主要的玄机在于布局文件当中，使用RelativeLayout布局，将删除按钮固定在布局右方，并使用其他布局将其覆盖，只有滑动时，才将其显示。掩盖侧滑删除按钮与暴露侧滑删除按钮效果对比图如下
Android——一个简单的闹钟APP

Android——一个简单的闹钟APP

实现侧滑回调方法

然后，在适配器类中，实现WeSwipeHelper.SwipeLayoutTypeCallBack接口，实现如下三个方法，第一个方法为获取侧滑删除按钮的宽度；第二个方法为需要滑动的视图，也就是覆盖侧滑删除按钮的布局；第三个方法为当视图正在滑动时，用户触发单击事件，自动还原滑动状态

        float getSwipeWidth();//获取侧滑删除按钮的宽度
        View needSwipeLayout();
        View onScreenView();

绑定RecyclerView

最后，在需要添加子项的视图中绑定RecyclerView即可

WeSwipe.attach( mRecyclerView );

删除子项

通过监听子项滑动删除按钮点击事件，实现子项删除

 holder.DeleteBtn.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                DeleteItem(position);
            }
        } );

  private void DeleteItem(int position){
        timeList.remove( position );
        notifyDataSetChanged();
    }

新增闹钟子项

序列化实体类

跳转新增闹钟子项Acticity需要传输实体类对象，传输对象一般需要序列化改类，其操作如下

定义实体类，并实现序列化

public class ClockTime implements Serializable

然后通过Intent传输Bundle对象

 public void Add(View view){
        flag = 1;
        Intent intent = new Intent( context,AddClockActivity.class );
        Bundle bundle = new Bundle(  );
        bundle.putSerializable( "list",(Serializable)clockTimeList );
        intent.putExtras( bundle );
        startActivity( intent );
    }

取出序列化实体类对象

 clockTimeList = (List<ClockTime>) getIntent().getSerializableExtra( "list" );

TimePicker

实现时间选择主要使用系统集成的组件TimePicker，其使用方法如下
其有两种显示方式，第一种为spinner，就是下拉滑动式，第二种为clock，即显示一个时钟，通过滑动指针选择时间

 <TimePicker
           android:id="@+id/TimePicker"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:timePickerMode="spinner"
           />

自定义TimePicker文字大小及颜色

在style.xml文件中申明如下样式

   <style name="ThemePicker" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:editTextStyle">@style/Widget.Picker.Style</item>
    </style>

    <style name="Widget.Picker.Style" parent="@android:style/Widget.EditText">
        <item name="android:textColor">@color/colorWhite</item>
        <item name="android:textSize">15sp</item>
    </style>

然后再指定Activcty申明即可

 <activity
            android:name=".view.AddClockActivity"
            android:theme="@style/ThemePicker"></activity>
        <activity

获取时间数据

获取数据比较简单，实现对应接口即可

timePicker.setOnTimeChangedListener( new TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                mHour = hourOfDay;
                mMin = minute;
            }
        } );

返回时间数据

将获取的数据通过SharedPreferences存储起来，然后点击存储时，进行页面跳转，然后再该界面进行取出数据

存储数据

       sp.PutData( context, "Hour", mHour );
        sp.PutData( context, "Min", mMin );
        sp.PutData( context, "isSelect", isSelect );

取出数据

首先判断回调的switch数据是否为ture，如果为ture则保存该子项，然后再适配器类中进行数据添加

boolean access = (Boolean) sp.GetData( context,"access",false );
        if (access) {
            int Hour = (int) sp.GetData( context, "Hour", 0 );
            int Min = (int) sp.GetData( context, "Min", 0 );
            boolean isSelect = (boolean) sp.GetData( context, "isSelect", false );
            Log.d( TAG, Hour + "firstHour" );
            Log.d( TAG, Min + "firstMin" );
            if (Hour == 0 || Min == 0) {
                Log.d( TAG, "null" );
            } else {
                clockTime = new ClockTime( timeFormat.HandleHour( Hour ), timeFormat.HandleHour( Min ), isSelect );
                adapter.AddItem( clockTime );
            }
        }else {
            Log.d( TAG,"Cancel Set AlarmClock" );
        }

子项添加

public void AddItem(ClockTime clockTime){
        timeList.add( clockTime );
        notifyDataSetChanged();
    }

自定义Switch样式

Switch效果如图

选中与默认两种状态效果图如下
Android——一个简单的闹钟APP

创建`thumb`和`track`样式

thumb样式

创建一个选择器文件，有选中和默认两种状态

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/open_thumb"/>
<item android:drawable="@drawable/shut_thumb"/>
</selector>

选中状态

创新open_thumb.xml文件

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- 高度40 -->
<size android:height="20dp" android:width="20dp"/>
<!-- 圆角弧度 20 -->
<corners android:radius="10dp"/>
<!-- 变化率 -->
<gradient
    android:endColor="#eeeeee"
    android:startColor="#eeeeee" />
<stroke android:width="1dp"
    android:color="#33da33"/>
</shape>

默认状态

创建shut_thumb.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
<size android:height="20dp" android:width="20dp"/>
<!-- 圆角弧度 20 -->
<corners android:radius="10dp"/>
<!-- 变化率 -->
<gradient
    android:endColor="#eeeeee"
    android:startColor="#eeeeee" />
<stroke android:width="1dp"
    android:color="#666666"/>

</shape>

track样式

同样创建一个选择器，并用于两种状态

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/open_track"/>
    <item android:drawable="@drawable/shut_track"/>
</selector>

选中状态

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

        <!-- 高度30   此处设置宽度无效-->
        <size android:height="20dp"/>
        <!-- 圆角弧度 15 -->
        <corners android:radius="10dp"/>
        <!-- 变化率  定义从左到右的颜色不变 -->
        <gradient
            android:endColor="#2EA803"
            android:startColor="#2EA803" />
</shape>

默认状态

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="20dp" android:width="20dp"/>
    <corners android:radius="10dp"/>
    <gradient android:startColor="#eeeeee"
        android:endColor="#eeeeee"/>
    <stroke android:width="1dp"
            android:color="#666666"/>
</shape>

闹钟提醒服务

Service

创建一个服务类
其中AlarmManager为系统主要操作类，参数为提醒模式、提醒时间(long型)、PendingIntent对象
以下有三种时间传入，第一种，直接传入一个Long型时间用于测试，第二种，通过设置系统启动至今而设置时间，第三种，通过取出设置的时间，然后获取系统当前时间，将其差传入其中。

public class ClockService extends Service {
    private Intent intent;
    private PendingIntent pendingIntent;
    private AlarmManager alarmManager;
    private int Hour,Min;
    private Calendar calendar;
    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
         alarmManager = (AlarmManager) getSystemService(ALARM_SERVICE);
         calendar = Calendar.getInstance();
        /**
         * 10秒,用于测试*/
        long Minutes = 60*1000*60;
        //long triggerAtTime = SystemClock.elapsedRealtime() + Minutes;
        //alarmManager.set(AlarmManager.ELAPSED_REALTIME_WAKEUP, triggerAtTime, pendingIntent);

        /**
         * 理论*/
        Hour = intent.getIntExtra("Hour",0);
        Min = intent.getIntExtra("Min",0);
        Log.d( TAG,Hour+"ClockServiceHour" );
        Log.d( TAG,Min+"ClockServiceMin" );
        calendar.setTimeZone( TimeZone.getTimeZone( "GMT+8:00" ) );
        calendar.set( Calendar.HOUR_OF_DAY, Hour );
        calendar.set( Calendar.MINUTE, Min );
        long clockTime = calendar.getTimeInMillis();
        long current = System.currentTimeMillis();
        long time = clockTime - current;
        Log.d( TAG,clockTime+"Clock" );
        Log.d( TAG,current+"Current" );
        Log.d( TAG,time+"Millisecond" );
        intent = new Intent(this, WarnActivity.class);
        pendingIntent = PendingIntent.getActivity(this, 0, intent, 0);
        alarmManager.set(AlarmManager.RTC_WAKEUP, time, pendingIntent);
        return super.onStartCommand( intent, flags, startId );
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        //alarmManager.cancel(pendingIntent);
    }
}

然后再清单文件中注册服务

 <service android:name=".service.ClockService"
            android:theme="@style/NotTitleBar"/>

开始服务

使用Intent实现服务启动

  private void StartService(){
        Intent intent = new Intent( this, ClockService.class );
        intent.putExtra( "Hour",mHour );
        intent.putExtra( "Min",mMin );
        startService( intent );
    }

暂停服务

杀死程序

public void Exit(View view){
        killProcess.finishAll();
    }

单例类

本示例总共使用到了三个单例类：SP（SharedPreferences封装）、TimeFormat（时间数据格式封装）、KillProcess（杀死所有Activity）

SP封装类

SharedPreferences

KillProcess封装类

KillProcess

TimeFormat封装类

ublic class TimeFormat {
    private static TimeFormat timeFormat;
    private TimeFormat(){

    }
    public static TimeFormat getInstance(){
        if (timeFormat == null){
            sync();
        }
        return timeFormat;
    }
    private static synchronized void sync(){
        if (timeFormat == null){
            timeFormat = new TimeFormat();
        }
    }
    public String HandleHour(int hour){
        if (hour < 10){
            return "0"+hour;
        }else {
            return String.valueOf( hour );
        }
    }
    public String HandleWeek(int week){
        String weekday = "";
        switch (week){
            case 1:
                weekday = "星期一";
                break;
            case 2:
                weekday = "星期二";
                break;
            case 3:
                weekday = "星期三";
                break;
            case 4:
                weekday = "星期四";
                break;
            case 5:
                weekday = "星期五";
                break;
            case 6:
                weekday = "星期六";
                break;
            case 7:
                weekday = "星期七";
                break;
        }
        return weekday;
    }
}