博客开通了有几个月了，一直没当回事儿； 前几天才发现它的重要性， 遂找出来记录下自己平时的点滴，哪怕是心情也好；
话不多说，如题所述，在我的布局已经定格的时候，突然有个怪诞的需求，对整个布局进行拖动，出现新布局？ 首先想到的是通过手势监听-布局的整体移动-显示事先隐藏的布局，然后开始实现 。
先上张效果图看看样子再说··············
1. 定格的UI.
注： 由于项目还在进行中， 其中的内容不便公开，毕竟签过卖身契 见谅哈 看官们要的是效果哈 [刚才上传照片的时候 吓着了 这么大 本图是经过本人用PS用红色覆盖 暂且无视哈]
好 那么接下来 操作过后的效果示意图出现了-
2.通过手势滑动后， 显示出事先预设的场景 上传个图这么费劲啊、 又被吓了一次、 图真大
好啦 效果一般 就是顶部通过手势下拉 出现了两个按钮，然后通过上推还原，或者点击跳转到具体设置界面都可以； 还没来得及做；
其实看似简单的一个小过程， 耗费了自己不少的经历去摸索-实现，咱要的是思路，不是复制过来就能实现的那种代码哈 再说咱也不能把客户的money这么快的曝光， 请见谅哈
具体实现开始·········
布局文件----------------------
<LinearLayout 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"
android:orientation="vertical"
android:background="#383838">
<LinearLayout android:id="@+id/help_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:visibility="gone">
<Button android:id="@+id/help_btn"
android:layout_marginLeft="30dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="帮助"/>
<Button android:id="@+id/cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="注销"/>
</LinearLayout>
<LinearLayout android:id="@+id/all_ll"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout android:id="@+id/main_menu_title_ll"
android:layout_width="match_parent"
android:orientation="horizontal"
android:paddingLeft="9dp"
android:paddingRight="9dp"
android:gravity="center_vertical"
android:layout_height="wrap_content">
<Button android:id="@+id/menu_title_scape_button"
style="@style/main_menu_title_ll_button"
android:background="@drawable/title_btn_with_down_arrow"
android:text="销售一区"/>
<Button
android:id="@+id/menu_title_time_button"
style="@style/main_menu_title_ll_button"
android:background="@drawable/title_btn_with_down_arrow"
android:text="02/17-02/26" /> ····················· <LinearLayout android:id="@+id/main_menu_item"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="0dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:paddingLeft="9dp"
android:paddingRight="9dp"
android:longClickable="true"
android:orientation="vertical">
<LinearLayout
android:id="@+id/menu_item_31_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_weight="1">
<com.broadtext.lspkpi.view.MenuItemLeftButton android:id="@+id/view1"
style="@style/main_menu_items_view_style"/>
<com.broadtext.lspkpi.view.MenuItemLeftButton android:id="@+id/view2"
style="@style/main_menu_items_view_style"/>
<com.broadtext.lspkpi.view.MenuItemRightButton android:id="@+id/view3"
style="@style/main_menu_items_view_style"/> //中间略去一大堆 堆砌代码 重点看上面的·················· </LinearLayout>
上面是一些残缺不全的布局文件，但是重要的部分全部列出来了
1. 我用了个比较笨的办法， 先将要显示的布局隐藏掉， 操作之后再将其visible；
2.一定要将触摸的区域设置成············· android:longClickable="true" 否则无法进行监听， 会与视图的点击事件冲突(我的触摸区域就是下面的9个item，同时也有点击事件+上下推事件)
3.因为特殊需求， Android原生的控件已经不能满足， 只能自己重写控件【跟此处的实现没关系】， 感觉很爽的哈、 前提是你得熟悉下思路， 本文重点不在重写控件(本项目中几乎所有的显示控件都是自己重写的，将近10个吧)，以后会着重写一篇博文，虽说中级开发者可以游刃有余的重写需要的控件，但是自我感觉--自己依然很菜呀！！！
又说了些废话， 赶紧上主题哈、 下面就是Java代码部分核心实现············
public class MainLSPKPIActivity extends Activity implements OnClickListener, OnGestureListener, OnTouchListener { private GestureDetector gestureDetector;//手势监听-为了[上推]事件而准备。 @Override
protected void onCreate(Bundle savedInstanceState) { gestureDetector = new GestureDetector(this, this);//手势监听初始化 } //设置点击事件-触摸事件 private void setListeners() {
menuTitle1Btn.setOnClickListener(this);
menuTitle2Btn.setOnClickListener(this);
menuTitle3Btn.setOnClickListener(this);
menuTitle4Btn.setOnClickListener(this);
menuTitleLL.setOnTouchListener(this);
menuTitle1Btn.setOnTouchListener(this);
menuTitle2Btn.setOnTouchListener(this);
menuTitle3Btn.setOnTouchListener(this);
menuTitle4Btn.setOnTouchListener(this);
menuItem.setOnTouchListener(this);//设置触摸监听事件,捕捉上推动作。
view1.setOnTouchListener(this);
view2.setOnTouchListener(this);
view3.setOnTouchListener(this);
view4.setOnTouchListener(this);
view5.setOnTouchListener(this);
view6.setOnTouchListener(this);
view7.setOnTouchListener(this);
view8.setOnTouchListener(this);
view9.setOnTouchListener(this);
toLineChartLayout.setOnTouchListener(this);
toLineChartView.setOnTouchListener(this);
view1.setOnClickListener(this);
view2.setOnClickListener(this);
view3.setOnClickListener(this);
view4.setOnClickListener(this);
view5.setOnClickListener(this);
view6.setOnClickListener(this);
view7.setOnClickListener(this);
view8.setOnClickListener(this);
view9.setOnClickListener(this);
} /**
* 监听back键。
*/
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
Dialog alertDialog = new AlertDialog.Builder(this).
setTitle("退出系统").
setMessage("您确定退出系统吗？").
setIcon(R.drawable.ic_launcher).
setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
finish();
System.exit(0);
}
}).
setNegativeButton("取消",null). create();
alertDialog.show();
return true;
}
return super.onKeyDown(keyCode, event);
}
/**
* -----------------------------------手势监听----------------------------------------------
* 实现方法 onDown()、 onFling()、 onLongPress()、 onScroll()、onShowPress()、onSingleTapUp()、
*/
@Override
public boolean onDown(MotionEvent e) {
return false;
}
boolean helpLLIsShowed = false;//帮助界面是否已经显示。
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
if(menuItem22isRefreshed) {
if(e1.getY() - e2.getY() > 3) {
resetTitleBtnBackground();
Toast.makeText(this, "---手势向上推---", Toast.LENGTH_SHORT).show();
menuLL21.setVisibility(View.GONE);
forbidViewsClick(true);//允许9view。折线图点击事件。
forbidLineChartClick(true);
//上推--主界面刷新
initInData();//---查询SQL, 传入不同字段, 刷新界面数据
stepCount = 0;//将刷新步调调至0,重新刷新界面。
myHandler.post(viewsRunnable);//退出后继续动画。
showDownAnimation(toLineChartLayout, 150, 0);//当点击任何一个二级菜单按钮时,底部9个菜单上浮。
//上推--折线图刷新。
handleDynamicLineChartRefresh(lineChartItemFlag);
menuItem22isRefreshed = false;//当界面向上推之后,禁止再次上推刷新--当点击titleBtn时可解禁。
return true;
}
}
if(!helpLLIsShowed) {
if(e2.getY() - e1.getY() > 20) {//向下拉---显示帮助按钮。
Toast.makeText(getApplicationContext(), "下拉动作", Toast.LENGTH_SHORT).show();
helpLL.setVisibility(View.VISIBLE);
showDownAnimation(allLL, -100, 0);
helpLLIsShowed = true;
return true;
}
}
if(helpLLIsShowed) {//上推。
if(e1.getY() - e2.getY() > 20) {
helpLL.setVisibility(View.GONE);
showDownAnimation(allLL, 100, 0);
}
helpLLIsShowed = false;
}
return true;
}
@Override
public void onLongPress(MotionEvent e) {
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
return false;
}
@Override
public void onShowPress(MotionEvent e) {
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
//------------------------------------手势监听------------------------------------------------
/**
* 触摸事件监听
* 此处是为了手势gesture监听做准备, 将触摸事件传递给gesture--
* gestureDetector.onTouchEvent(event)
*/
@Override
public boolean onTouch(View v, MotionEvent event) {
//将触摸事件传递给手势监听
return gestureDetector.onTouchEvent(event);
}
又贴了一大堆代码呀！ ！！！ 呵呵 没关系， 因为这个Java文件有1994行， 包括获取后台JSON 解析 SQLite存储+查询 UI呈现 所以有点膨胀哈 不过这已经分离了很多了、 还有待完善了吧、 继续下文
最关键的是将gestureDetector把触摸事件传递到gesture的监听中···gestureDetector.onTouchEvent(event);
粉红色的代码段就是控制按钮显示的关键代码，一定要return true
哈 这样这个fling事件才能继续下去(不知道说的严谨否)；
还有 一定要学会用flag来控制代码执行流程， 这个东西如果运用巧妙 代码立马就生动起来了 记住哦 Boolean很强大
嗯 想了想 第一篇技术博客 还有什么要说的呢 毕竟时间有点紧张 项目本周要交差 晚上实在不想写太多代码了 写写博客得了 就是废话有点多
今天这个blog的主题 其实就是一个简单的手势监听处理， 没什么其他技术含量；就算是个开头吧 以后会多记录些有用的实现+代码 分享分享呵、
今后自己要写的博客内容可能涉及到 - - - - - - 先列个提纲 别到时候忘记了 都是自己实现过的东西 呵呵
百度地图定位 基站定位 地图纠偏 ntlm域验证 webview的使用 绘图-view/surfaceView 二维码扫描{已成功纠正横竖屏}
自定义控件 纯Java写布局-动态生成控件 级联菜单【联动概念】 slidemenu侧滑库研究 fragment使用 activity向fragment的迁移【有点难度】
视频传输 动画渐变 柱状图 折线图 扇形图【手写 非achartengine】
spring4Android框架解析 SQLite大数据存储 优化查询【索引+in函数+】 异步任务研究 - - -
其实通过项目 我逼着自己学会了PS处理基本的UI只因为我们组没有美工 比较有成就感， 本领都是逼出来的、 能力都是被压出来的
我尽量写的完整些，愚见多些，百分百原创才有记录的价值， 因为都是自己一年来涉及过的知识点吧， 哎 最近事情着实有点多， 工作、生活·· 各方面， 真烦， 没事，程序员嘛， 一到了自己的主战场， 主角依然是自己！
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~ 唯有压力才能突破， 才能距破茧成蝶之日更进一步、~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
扫一扫
702
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
