关于制作习惯养成打卡仿uhabit的app

由于是刚接触android studio 开发，就选择了一个比较简单的uhabit开源软件，我写的跟开源软件里面的代码有很大的不同，但设计的功能，我是努力想做的跟uhabit相似的。但是最后还有好多没有完成。

在写的过程中遇到了很多问题

1.首先是对于一些文件的使用，比如style文件，是自己要添加东西进去然后供自己调用的，@style。。。之类的。

2.对于一些布局，当时没有好好看，在设计界面的时候吃亏了，比如LinearLayout是线性布局，所以对于android:layout_above之类的摆放位置的就不能用了，还有一点不同的是，因为在网上百度demo的时候，一直看到的是<RealitiveLayout,所以可以用

android :layout_above=",但是自己添加一个layout文件时系统自动定义的

<android.support.constraint.ConstraintLayout

这种情况下，就是用

app:layout_constraintTop_toBottomOf="@+id/edit_text1"形式。

3.对于设计一个好看的button，一直想把button变成没有棱角的,还有自定义的图片。

首先是设置一个imageButton

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.jm.demo.register" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="50dip"
        android:text="hello_world"
        android:paddingTop="20dp"
        android:paddingRight="20dp"
        android:paddingLeft="20dp"
        android:paddingBottom="20dp"
        android:background="@drawable/shape_world"/>

</RelativeLayout>

效果图

 

其中的shape_world帮我实现了我想要的很多东西，比如背景，还有一个比较圆的button。

shape_worid是写在drawable下面的一个文件

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape
            android:padding="10dp"
            android:shape="rectangle" >

            <!-- 实心 -->
            <solid android:color="#2e1f80" />
            <!-- 圆角 -->
            <corners android:radius="10dip" />
            <!-- <corners android:topRightRadius="@dimen/switch_button_inside_radius" /> -->
            <!-- <corners android:bottomRightRadius="@dimen/switch_button_inside_radius" /> -->
        </shape>
    </item>
    <item android:right="10dip">
        <shape android:shape="rectangle" ></shape>
    </item>

</layer-list>

至于为什么采用layer_list好像是因为只有这样才能把我想要的效果都实现。

4.在设计跳出来的对话框的时候。

 

主要是在一个按钮里面的onclick 实现的，

我做的是自定义的对话框，所以设计到了界面的设计。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    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="wrap_content">

    <TextView
        android:id="@+id/edit_text1"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:textSize="15dp"
        android:text="习惯标题"
        android:textColor="#87d0eb"/>

    <EditText
        android:id="@+id/edit_edit1"
        android:paddingLeft="10dp"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:paddingTop="10dp"
        app:layout_constraintTop_toBottomOf="@+id/edit_text1" />

    <ImageButton
        android:layout_width="60dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        app:layout_constraintTop_toBottomOf="@+id/edit_text1"
        app:layout_constraintLeft_toRightOf="@id/edit_edit1"
        android:scaleType="fitXY"
        android:background="@drawable/edit_image_color"
        android:src="@drawable/tiaose"/>

    <TextView
        android:id="@+id/edit_text2"
        android:paddingLeft="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#87d0eb"
        app:layout_constraintTop_toBottomOf="@id/edit_edit1"
        android:text="Question"/>

    <EditText
        android:id="@+id/edit_edit2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginRight="30dp"
        app:layout_constraintTop_toBottomOf="@+id/edit_text2"
        android:hint="eg:Did you exercise today?"/>

    <TextView
        android:id="@+id/edit_text3"
        app:layout_constraintTop_toBottomOf="@id/edit_edit2"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:paddingTop="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="10dp"
        android:text="重复" />
    <TextView
        android:id="@+id/edit_text4"
        app:layout_constraintTop_toBottomOf="@id/edit_text3"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_marginTop="50dp"
        android:paddingTop="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="10dp"
        android:text="提醒"/>
    <Spinner
        android:id="@+id/spin_chongfu"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="@id/edit_text3"
        android:paddingTop="10dp"
        app:layout_constraintLeft_toRightOf="@id/edit_text3"
        android:paddingLeft="100dp"
        android:entries="@array/chongfu"/>
    <Spinner
        android:id="@+id/spin_tixing"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="@id/edit_text4"
        android:paddingTop="10dp"
        app:layout_constraintLeft_toRightOf="@id/edit_text4"
        android:paddingLeft="100dp"
        android:entries="@array/tixing"/>


</android.support.constraint.ConstraintLayout>

这是界面

 case R.id.chuangjian:
                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                builder.setTitle("添加习惯");
                //加载一个布局
                View  view = LayoutInflater.from(MainActivity.this).inflate(R.layout.edit_habit_dialog,null);
                builder.setView(view);
                final EditText habit = (EditText)view.findViewById(R.id.edit_edit1);
                final EditText question = (EditText)view.findViewById(R.id.edit_edit2);
                builder.setPositiveButton("保存", new DialogInterface.OnClickListener() {
                    @Override
                   public void onClick(DialogInterface dialog, int which) {                       
                        String a=habit.getText().toString();
                        String b=question.getText().toString();
                        Habit habitSql = new Habit(a,0);
                        habitreop.Habit_insert(habitSql);
                        HabitName h2 = new HabitName(a);
                        data.add(h2);
                        Toast.makeText(MainActivity.this,"用户名："+a+",密码："+b,Toast.LENGTH_SHORT).show();
                    }
                });
                builder.setNegativeButton("放弃", new DialogInterface.OnClickListener()
                {
                    @Override
                    public void onClick(DialogInterface dialog, int which)
                    {

                    }
                });
                builder.create().show();
        }

这是添加对话框的主要代码，因为对话框是自带三个按钮的，一个是放弃，一个是保存，一个是取消，直接用builder.***调用就好，不用再去添加button。

在这个设计界面里面有个下拉框，spinner，在实现这个的时候，是在values里面添加了一个arrays 文件，里面定义的是下拉框的选项。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="languages">
        <item>c语言</item>
        <item>java </item>
        <item>php</item>
        <item>xml</item>
        <item>html</item>
    </string-array>
    <string-array name="chongfu">
        <item>每天</item>
        <item>每周</item>
        <item>每周两次</item>
        <item>每周五次</item>
    </string-array>
    <string-array name="tixing">
        <item>1:20</item>
        <item>1:21 </item>
        <item>1:22</item>
        <item>1:23</item>
        <item>1:24</item>
    </string-array>


</resources>

还有一些关于listView和如何实现一个打卡签到的功能，