话痨博主的碎碎念:根据小学期安排,大致是要做一个人脸验证的app粗来_(:з」∠)_,因为啥也不会啊,所以后面的内容不出意外的话就是我整个学习的过程啦~
欢迎指正!欢迎指教!欢迎批评!
这里把我参考的地址都记录下来:
慕课网:http://www.imooc.com/video/1444/0
scaleType属性:http://blog.csdn.net/wa991830558/article/details/39522623
这里先展示一下原型
我们要实现的页面大致是这样的:<背景是轮转播放图片>
欢迎页:
登录页:
预备知识
参考学姐博客:http://429899791.iteye.com/blog/2195674
嗯嗯,然后开始吧
/*************** 欢迎页部分!***************/
首先估摸着我们要把这一行字放上去,用到textView控件,然后字号是26,颜色为白色
然后从慕课网截了老师的PPT下来哈哈:
其中layout_width/layout_height有三个默认属性值:
- wrap_content:包裹实际文本内容
- match_parent:当前控件铺满父类容器
- fill_parent:当前控件铺满父类容器
然后textSize默认单位为sp
我的文字块代码如下:
<TextView
android:id="@+id/welcomText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:text="欢迎您使用人脸验证系统"
android:textColor="#ffffff"
android:textSize="26sp" />
然后我们搞一个背景图片试试
先暂时只放置一张图片,图片轮转我们放到后面再修改#摊手
我们的用到的控件是imageView,然后将我们用到的图片放在drawable文件夹下。
使图片充满整个控件的办法:使用andriod:scaleType=“centerCrop”
有以下属性:- scaleType=“matrix” 是保持原图大小、从左上角的点开始,以矩阵形式绘图。
- scaleType=“fitXY” 是将原图进行横方向(即XY方向)的拉伸后绘制的。
- scaleType=“fitStart” 是将原图沿左上角的点(即matrix方式绘图开始的点),按比例缩放原图绘制而成的。
- scaleType=“fitCenter”
是将原图沿上方居中的点(即matrix方式绘图第一行的居中的点),按比例缩放原图绘制而成的。 - scaleType=“fitEnd” 是将原图沿下方居中的点(即matrix方式绘图最后一行的居中的点),按比例缩放原图绘制而成的。
- scaleType=“Center”
是保持原图大小,以原图的几何中心点和ImagView的几何中心点为基准,只绘制ImagView大小的图像。 - scaleType=“centerCrop”
不保持原图大小,以原图的几何中心点和ImagView的几何中心点为基准,只绘制ImagView大小的图像(以填满ImagView为目标,对原图进行裁剪)。 - scaleType=“centerInside”
不保持原图大小,以原图的几何中心点和ImagView的几何中心点为基准,只绘制ImagView大小的图像(以显示完整图片为目标,对原图进行缩放)。
代码像这样:
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:background="@drawable/welcome1"
android:scaleType="centerCrop" />
哈哈 然后我们发现并不能覆盖整个屏幕!像这样:
怎么办捏,最后我决定直接设置为activity的背景,直接放在layout下面:
android:background="@drawable/welcome1" >
显示就变成了酱紫:<算是成功了吧?哈哈>
由于是欢迎页面,所以达成一个定时跳转的功能是项目的需求~
我们在对应的class里实现这样的部分:
这里的想法是建立一个定时器,定时器在经历3秒之后再执行我们的页面跳转。
Timer timer=new Timer();
TimerTask timerTask=new TimerTask() {
@Override
public void run() {
Intent intent1=new Intent(WelcomActivity.this,loginActivity.class);//当前页面指向下一动作的跳转页面
startActivity(intent1);
WelcomActivity.this.finish();
}
};
timer.schedule(timerTask,1000*3);//延时设定为3秒
至此,简单的自动跳转的欢迎页面做完了~
这里记录一下自己要补充的知识点:
*intent以及timer。