关于制作习惯养成打卡仿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和如何实现一个打卡签到的功能,
上一篇: HTML5、CSS3新特性
下一篇: js ES5实现继承