简介
此项目是基于SMS的智能短信开关操作系统,用于对高压断路器的状态的显示及控制。此项目是由本人独立设计完成的,旨在给用户以更好的视觉体验及操作体验。使用户更加简单方便地操作断路器。
界面介绍
一.闪屏页面
![splash.png](http://icapk.com/wp-content/uploads/2017/02/splash.png)
splash.png
-
闪屏页面由一个ImageView和一个直接跳转到mainactivity的Button组成,并隐藏状态栏和虚拟按键。
//设置隐藏虚拟按键 img_splash.setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); //设置隐藏状态栏 img_splash.setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN); img_splash.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION); img_splash.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE); img_splash.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
-
ImageView设置旋转,渐变,缩放动画
// 旋转动画 RotateAnimation animRotate = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animRotate.setDuration(5000);// 动画时间 animRotate.setFillAfter(true);// 保持动画结束状态 // 缩放动画 ScaleAnimation animScale = new ScaleAnimation(0, 1, 0, 1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animScale.setDuration(5000); animScale.setFillAfter(true);// 保持动画结束状态 // 渐变动画 AlphaAnimation animAlpha = new AlphaAnimation(0, 1); animAlpha.setDuration(5000);// 动画时间 animAlpha.setFillAfter(true);// 保持动画结束状态 // 动画集合 AnimationSet set = new AnimationSet(true); set.addAnimation(animAlpha); set.addAnimation(animScale); set.addAnimation(animRotate); // 启动动画 rlRoot.startAnimation(set);`
且调用动画的监听事件,当动画结束时自动跳转到mainactivity
public void onAnimationEnd(Animation animation) {
Intent intent = new Intent(getApplicationContext(),
MainActivity.class);
startActivity(intent);
finish();// 结束当前页面
}
二.主界面
1.联系人界面
![splash.png](http://icapk.com/wp-content/uploads/2017/02/list1.png)
splash.png
- 主界面的联系人页由一个顶部自定义Toolbar,添加设备按钮,ListView联系人列表和右侧的联系人索引组成,且在第一次打开软件时,自动创建数据库用以保存联系人数据。
- 点击“添加设备”,将新建联系人的数据到数据库中。
- 长按ListView联系人列表的某一项可对当前联系人进行修改,删除和查看。
![splash.png](http://icapk.com/wp-content/uploads/2017/02/list.png)
splash.png
联系人索引是利用汉字转拼音的自定义类pinyin_utils将汉字转成拼音并适配到相应的字母索引中,从而达到索引的目的。当联系人名单过长时可通过点击右侧的索引字母快速到达相应的联系人
-
当到达相应联系人的位置后,屏幕中间会用自定义View来显示当前所到达的字母位置。
2.设置定值界面
![splash.png](http://icapk.com/wp-content/uploads/2017/02/fixed_value.png)
splash.png
由两个TextView,两个EidtText,三个按钮组成。
TextView用来显示联系人信息和断路器主控板发回的数据。
EditText用来设置需要发送数据的数值。
-
按钮用来发送命令及查看定值定义表。
3.产品展示和关于界面
![splash.png](http://icapk.com/wp-content/uploads/2017/02/product.png)
splash.png
-
产品展示界面有一个 ImageView + ViewPager 构成,利用ViewPager展示带链接的ImageView的图片。
/** * 由于ViewPager没有setOnclickListener * 利用setOnTouchListener设置ViewPager点击事件,检测ACTION_UP事件实现点击事件功能 */ myViewPager.setOnTouchListener(new View.OnTouchListener() { int flage = 0; @Override public boolean onTouch(View view, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: flage = 0; break; case MotionEvent.ACTION_MOVE: flage = 1; break; case MotionEvent.ACTION_UP: if (flage == 0) { int item = myViewPager.getCurrentItem(); if (item == 0) { Uri uri = Uri.parse("http://gtesh.com/03600043/wap/picshow.php?id=207436"); Intent it = new Intent(Intent.ACTION_VIEW, uri); startActivity(it); } else if (item == 1) { Uri uri = Uri.parse("http://gtesh.com/03600043/wap/picshow.php?id=207438"); Intent it = new Intent(Intent.ACTION_VIEW, uri); startActivity(it); } else if (item == 2) { Uri uri = Uri.parse("http://gtesh.com/03600043/wap/picshow.php?id=207410"); Intent it = new Intent(Intent.ACTION_VIEW, uri); startActivity(it); } break; } } return false; } });
-
并且利用小圆点指示当前图片的位置
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { // 当页面滑动过程中的回调 System.out.println("当前位置:" + position + ";移动偏移百分比:" + positionOffset); // 更新小红点距离 int leftMargin = (int) (mPointDis * positionOffset) + position * mPointDis;// 计算小红点当前的左边距 RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) iv_red_point .getLayoutParams(); params.leftMargin = leftMargin; // 修改左边距 // 重新设置布局参数 iv_red_point.setLayoutParams(params); }
![splash.png](http://icapk.com/wp-content/uploads/2017/02/about.png)
splash.png
- 关于界面,利用EditText显示主要信息,且点击网址可链接到网站,扫描二维码可下载此软件。