实训第一周（2）

李晨晨：

本次我实现了向SQLite数据库存储用户手写的字符图片的矩阵，因为没有查到关于向SQLite数据库中存二维数组的方法的资料，所以我将这个过程实现为了先将二维数组连接成字符串，然后存入数据库中，取出后再将其转换为二维数组。

[java]  view plain  copy

1. package com.ezreal.ezchat.utils;  
2.   
3. import android.content.Context;  
4. import android.database.sqlite.SQLiteDatabase;  
5. import android.database.sqlite.SQLiteOpenHelper;  
6.   
7. /** 
8.  * Created by  
9.  */  
10.   
11. public class ImageSQLiteHelper extends SQLiteOpenHelper {  
12.   
13.     public  static final int VERSION = 1;  
14.   
15.     public ImageSQLiteHelper(Context context, String name, SQLiteDatabase.CursorFactory factory, int version){  
16.         super(context, name, factory, version);  
17.     }  
18.   
19.     public ImageSQLiteHelper(Context context, String name, int version){  
20.         this(context,name,null,version);  
21.     }  
22.   
23.     public ImageSQLiteHelper(Context context, String name){  
24.         this(context,name,VERSION);  
25.     }  
26.   
27.   
28.     @Override  
29.     public void onCreate(SQLiteDatabase sqLiteDatabase) {  
30.         sqLiteDatabase.execSQL("create table array(id varchar(20), content text, name int)");  
31.         System.out.println("create a tableBase!");  
32.     }  
33.   
34.     @Override  
35.     public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {  
36.   
37.     }  
38. }  

它的后续使用在之后要写的用户手写字体输入activity中

[java]  view plain  copy

1. ContentValues values = new ContentValues();  
2.             char letter = (char)('!'+count);  
3.             String str = ""+letter;  
4.             values.put("id",str);  
5.             values.put("content",s);  
6.             values.put("name",count);  
7.             ImageSQLiteHelper dbHelper = new ImageSQLiteHelper(CreateActivity.this,"my_nn_database");  
8.             SQLiteDatabase db = dbHelper.getWritableDatabase();  
9.             db.insert("array",null,values);  

仝心：

根据我们小组内的分工，这次我完成的内容为一个简单自定义数字键盘的实现。

    内容包括两个java文件，分别控制实现了页面布局和自定义键盘构造及监听。number.xml中编写了数字键盘的内容。

number.xml文件：数字键盘1-9、删除键、完成键：

[java]  view plain  copy

1. <Row>  
2.     <Key android:codes="49" android:keyLabel="1" />  
3.     <Key android:codes="50" android:keyLabel="2" />  
4.     <Key android:codes="51" android:keyLabel="3" />  
5. </Row>  
6.   
7. <Row>  
8.     <Key android:codes="52" android:keyLabel="4" />  
9.     <Key android:codes="53" android:keyLabel="5" />  
10.     <Key android:codes="54" android:keyLabel="6" />  
11. </Row>  
12.   
13. <Row>  
14.     <Key android:codes="55" android:keyLabel="7" />  
15.     <Key android:codes="56" android:keyLabel="8" />  
16.     <Key android:codes="57" android:keyLabel="9" />  
17. </Row>  
18.   
19. <Row>  
20.     <Key android:codes="-5"  android:keyIcon="@drawable/del" />   
21.     <Key android:codes="48" android:keyLabel="0" />  
22.     <Key android:codes="-3" android:keyLabel="完成" />  
23. </Row>  

布局文件的编写，包括一个文本输入框和自定义键盘

[java]  view plain  copy

1. <EditText  
2.     android:id="@+id/my_editText"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="wrap_content"  
5.     android:layout_weight="1"  
6.     android:background="@android:color/white"/>  
7.   
8.   
9. <android.inputmethodservice.KeyboardView  
10.     android:id="@+id/keyboard_view_my"  
11.     android:layout_width="match_parent"  
12.     android:layout_height="wrap_content"  
13.     android:layout_alignParentBottom="true"  
14.     android:focusable="true"  
15.     android:focusableInTouchMode="true"  
16.     android:keyPreviewHeight="@dimen/x280"  
17.     android:keyPreviewLayout="@layout/key_preview_layout"  
18.     android:keyPreviewOffset="@dimen/x1"  
19.     android:visibility="invisible"  
20.     tools:visibility="visible" />  

NumboardUtil中实现了Numboard的构造方法，因为在未来我们需要实现的是将手写字母的图片输出在文本编辑框内，所以在此我传入了Resourses参数，便于获得存在系统中的资源文件。

[java]  view plain  copy

1. public NumboardUtil(Activity act, EditText editText, KeyboardView keyboardViews, Resources resourses) {  
2.     this.res = resourses;  
3.     this.ed = editText;  
4.     this.keyboardView = keyboardViews;  
5.     k = new Keyboard(act.getApplication(), R.xml.number);//传入的number决定了键盘  
6.     keyboardView.setKeyboard(k);  
7.     keyboardView.setEnabled(true);  
8.     keyboardView.setPreviewEnabled(false);//是否显示隐藏点击pop布局bufen  
9.     keyboardView.setOnKeyboardActionListener(listener);  
10. }  

接下来编写一个监听器继承自OnKeyboardActionListener,用于监听键盘动作并针对不同动作有不同的实现，在OnKey方法中我们将图片放入文本框中，这些图片将来即为存储的用户手写体图片。

[java]  view plain  copy

1. public void onKey(int i, int[] ints) {  
2.     Editable editable = ed.getText();  
3.     int start = ed.getSelectionStart();  
4.     if (i == Keyboard.KEYCODE_DELETE) {// 回退  
5.         if (editable != null && editable.length() > 0) {  
6.             if (start > 0) {  
7.                 editable.delete(start - 1, start);  
8.             }  
9.         }  
10.     } else if (i == Keyboard.KEYCODE_CANCEL) {// 完成  
11.         hideKeyboard();  
12.     } else { //将要输入的数字输出在编辑框中  
13.         Drawable drawable = res.getDrawable(R.drawable.keyboard_backspace);  
14.         drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),  
15.                 drawable.getIntrinsicHeight());  
16.         SpannableString spannable = new SpannableString(editable  
17.                 .toString() + " ");  
18.         ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);  
19.         spannable.setSpan(span,editable.length(),  
20.                 editable.length() + " ".length(),  
21.                 Spannable.SPAN_INCLUSIVE_INCLUSIVE);  
22.         ed.append(spannable);  
23.         //ed.setText(spannable);  
24.     }  
25. }  

最后在MainActivity中调用NumboardUtil类，并将系统键盘隐藏，再让自定义的键盘仅在点击了文本框后出现。

[java]  view plain  copy

1. public void hideSystemKeyBoard() {  
2.     InputMethodManager imm = (InputMethodManager) this.getSystemService(Context.INPUT_METHOD_SERVICE);  
3.     imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);  
4. }  
5.   
6. public boolean onTouchEvent(MotionEvent event) {  
7.     if (event.getAction() == MotionEvent.ACTION_DOWN) {  
8.         if (getCurrentFocus() != null && getCurrentFocus().getWindowToken() != null) {  
9.             numboardUtil.hideKeyboard();  
10.         }  
11.     }  
12.     return super.onTouchEvent(event);  
13. }  

张静：

我完成了聊天主界面的编写（MainActivity）

1. 使用MainActivity直接实现OnClickListener接口，OnPageChangeListener接口

2. 利用ButterKnife注解式绑定控件

[java]  view plain  copy

1. @BindView(R.id.view_page)  
2. ViewPager mViewPager;//负责控件翻页（切换）  
3. @BindView(R.id.id_indicator_msg)  
4. ChangeColorIconWithText mIndicatorMsg;//消息  
5. @BindView(R.id.id_indicator_contact)  
6. ChangeColorIconWithText mIndicatorContract;//通讯录  
7. @BindView(R.id.id_indicator_me)  
8. ChangeColorIconWithText mIndicatorMe;//我  

3. 初始化Activity实例对象

[java]  view plain  copy

1.     @Override  
2.     protected void onCreate(Bundle savedInstanceState) {  
3.         super.onCreate(savedInstanceState);  
4.         setStatusBarColor(R.color.app_blue_color);  
5.         setContentView(R.layout.activity_main);//定义用户界面  
6.         setTitleBar(getString(R.string.app_name),false,false);  
7.         ButterKnife.bind(this);  
8.         initView();  
9.         bindFragment();  
10.         initHandler();  
11.         getImageArry();  
12.   
13.         // 开启通知栏，有信息的时候通知  
14.         NIMClient.toggleNotification(true);  
15.   
16.         // 由通知栏点击进入后，用于跳转到指定的聊天界面  
17. //        ArrayList<IMMessage> messages = (ArrayList<IMMessage>)  
18. //                getIntent().getSerializableExtra(NimIntent.EXTRA_NOTIFY_CONTENT);  
19. //        if (messages != null && !messages.isEmpty()){  
20. //            IMMessage message = messages.get(0);  
21. //            NimUserInfo userInfo = NIMClient.getService(UserService.class)  
22. //                    .getUserInfo(message.getSessionId());  
23. //            Intent intent = new Intent(this,P2PChatActivity.class);  
24. //            intent.putExtra("NimUserInfo",userInfo);  
25. //            startActivity(intent);  
26. //        }  
27.   
28.     }  

4.initView,为事先声明并绑定的view添加onClickListener

[java]  view plain  copy

1. private void initView() {  
2.         mTabIndicators.add(mIndicatorMsg);  
3.         mTabIndicators.add(mIndicatorContract);  
4.         mTabIndicators.add(mIndicatorMe);  
5.   
6.         mIndicatorMsg.setOnClickListener(this);  
7.         mIndicatorContract.setOnClickListener(this);  
8.         mIndicatorMe.setOnClickListener(this);  
9.         mIndicatorMsg.setIconAlpha(1.0f);  
10.     }  

5.为viewPager加载3个fragment

其中使用FragmentPagerAdapter来处理多fragment页面的横向滑动

[java]  view plain  copy

1. private void bindFragment() {  
2.         mFragments = new ArrayList<>();  
3.         mMsgFragment = new RecentMsgFragment();  
4.         mFragments.add(mMsgFragment);  
5.         mContractFragment = new ContractFragment();  
6.         mFragments.add(mContractFragment);  
7.         mMeFragment = new MeFragment();  
8.         mFragments.add(mMeFragment);  
9.   
10.         FragmentPagerAdapter adapter = new FragmentPagerAdapter(getSupportFragmentManager()) {  
11.             @Override  
12.             public int getCount() {  
13.                 return mFragments.size();  
14.             }  
15.   
16.             @Override  
17.             public Fragment getItem(int position) {  
18.                 return mFragments.get(position);//获取给定位置对应的fragment  
19.             }  
20.         };  
21.         mViewPager.setAdapter(adapter);//设置适配器  
22.         mViewPager.addOnPageChangeListener(this); //添加页面切换时的监听  
23.     }  

6.初始化所需的handler

[java]  view plain  copy

1. private void initHandler() {  
2.         NimOnlineStatusHandler.getInstance().init();  
3.         NimOnlineStatusHandler.getInstance().setStatusChangeListener(  
4.                 new NimOnlineStatusHandler.OnStatusChangeListener() {  
5.             @Override  
6.             public void requestReLogin(String message) {  
7.                 ToastUtils.showMessage(MainActivity.this,"自动登陆失败或被踢出，请手动登陆~");  
8.                 startActivity(new Intent(MainActivity.this,LoginActivity.class));  
9.             }  
10.   
11.             @Override  
12.             public void networkBroken() {  
13.   
14.             }  
15.         });  
16.   
17.         NimSysMsgHandler.getInstance().init();  
18.         NimFriendHandler.getInstance().init();  
19.         NimUserHandler.getInstance().init();  
20.     }  

其中，

NimOnlineStatusHandler调用接口AuthServiceObserve(用户认证服务观察者接口)

NimSysMsgHandler调用接口SystemMessageObserve(系统通知观察者)

NimFriendHandler调用接口FriendServiceObserve（好友关系变更、黑名单变更通知观察者)

NimUserHandler调用接口UserServiceOberve(用户资料托管接口，提供获取用户资料、修改个人资料等)

（本周还没完成这几个handler的编写）

接口资料获取：https://www.163yun.com/help/documents/18138689637040128（使用网易云通信）

7.重写onClick方法，实现onClickListener接口

[java]  view plain  copy

1. @Override  
2.     public void onClick(View v) {  
3.         resetOtherTabs();  
4.         switch (v.getId()) {  
5.             case R.id.id_indicator_msg:  
6.                 mIndicatorMsg.setIconAlpha(1.0f);  
7.                 mViewPager.setCurrentItem(0, false); //去除mViewPager的滑动效果  
8.                 break;  
9.             case R.id.id_indicator_contact:  
10.                 mIndicatorContract.setIconAlpha(1.0f);  
11.                 mViewPager.setCurrentItem(1, false);  
12.                 break;  
13.             case R.id.id_indicator_me:  
14.                 mIndicatorMe.setIconAlpha(1.0f);  
15.                 mViewPager.setCurrentItem(2, false);  
16.                 break;  
17.         }  
18.     }  

8. 按返回键时，将跳转回手机桌面

[java]  view plain  copy

1. @Override  
2.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
3.         if (keyCode == KeyEvent.KEYCODE_BACK) {  
4.             Intent home = new Intent(Intent.ACTION_MAIN); //指定跳到系统桌面  
5.             home.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); // 清除上一步缓存  
6.             home.addCategory(Intent.CATEGORY_HOME);  
7.             startActivity(home); //开始跳转  
8.             return true;  
9.         }  
10.         return super.onKeyDown(keyCode, event);  
11.     }  

9. 当选中某一控件时（消息/联系人/我），其他控件图标均为透明

[java]  view plain  copy

1. private void resetOtherTabs() {  
2.         for (int i = 0; i < mTabIndicators.size(); i++) {  
3.             mTabIndicators.get(i).setIconAlpha(0);  
4.         }  
5.     }  

10.OnPageChangeListener中的两个方法还未实现完：

onPageScrolled(int position, float positionOffset, int positionOffset Pixels):在滑动过程中将一直被调用

onPageSelected(int position)：在页面被选中或页面滑动足够距离切换到该页手指抬起时调用

前面声明的ChangeColorIconWithText（继承自View，我想实现在手指滑动时，消息/通讯录/我这三个控件根据滑动程度、距离产生渐变变色效果）也还未实现完