AI 助理
备案控制台
开发者社区 数据库 文章 正文

Android切近实战(六)

2017-11-13 1120
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

上节我们讲述了用户管理，本节我们讲述一下短消息管理，先看一下C#版本的界面

wKiom1OJZCTTqE-RAACgCGIdWDo501.jpg

今天就是要将这个翻译成Android版本，不过这个C#版本只是将数据存到数据库，等用户登录的时候，如果发现有新消息，就会在屏幕的下方弹出短消息提示，并且播放声音“您有新短消息，请注意查收”，这个在本节不会讲到，请关注下节。


我们先看一下Android的界面，还是不错的，本次的测试机是小米2A，老婆的机子，我可怜是几年前买的Nokia 510。

wKiom1OJac_xxMd2AAFPxxUHl2U813.jpg

这个界面的功能是用户在界面选择一个别的用户，然后在输入标题和内容，点击发送按钮，发送短信到选择的用户的手机上，并同时将发送的数据插入数据库中，今天我们只看手机发送这部分。


首先我们先看一下WebService端，如下，我们新增了一个获取其他user信息的webservice

wKiom1OJayfhy9ZwAAI3LZJTFz0036.jpg


代码如下，首先是WebService

1
2
3
4
5
  [WebMethod(Description =  "获取其他用户" )]
         public  List<UserInfoEntity> GetOtherUser( string  userID)
         {
             return  UserInfoBiz.GetInstance().GetOtherUser(userID);
         }

接下来是Biz层

1
2
3
4
public  List<UserInfoEntity> GetOtherUser( string  userID)
         {
             return  UserInfoMngDAL.GetInstance().GetOtherUser(userID);
         }

最后是DAL层

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
public  List<UserInfoEntity> GetOtherUser( string  userID)
         {
             using  (BonusEntities bonusEntities =  new  BonusEntities())
             {
                 List<UerInfo> userInfoList = bonusEntities.UerInfo.AsEnumerable().Where(u => u.UseNo != userID
                     && ! string .IsNullOrWhiteSpace(u.Name)
                     && u.RUserTel !=  null
                     && ! string .IsNullOrWhiteSpace(u.RUserTel.TelNumber))
                     .ToList();
 
                 List<UserInfoEntity> otherUserInfoList =  new  List<UserInfoEntity>();
 
                 userInfoList.ForEach(u =>
                 {
                     otherUserInfoList.Add( new  UserInfoEntity() 
                     { 
                         UserNo = u.UseNo, 
                         UserName = u.Name, 
                         TelNumber = u.RUserTel.TelNumber 
                     });
                 });
 
                 return  otherUserInfoList;
             }
         }


OK，在这里我们新增了一张表，是UserInfo和UserTel的关系表

wKiom1OJbWmA947WAAGqzysAHvg814.jpg

所以上面的WebService是查询出除当前user以外所有的有姓名并且有电话号码的用户，在这里我们做的是1对多的关系，当然了，也有可能某些用户是多个手机。这里为了方便，就1对多。


WebService端看完了，我们看一下Android客户端，先看布局吧，我们在layout下面新增一个布局文件叫sendmessage.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<? xml  version = "1.0"  encoding = "utf-8" ?>
< LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "fill_parent"  android:layout_height = "fill_parent"
     android:background = "@color/red1"  android:orientation = "vertical" >
     < TableLayout  android:layout_width = "fill_parent"
         android:layout_margin = "1dp" 
         android:layout_height = "wrap_content"
         android:stretchColumns = "1"
         android:shrinkColumns = "1"
         android:background = "@color/teal" >
         < TableRow >
             < TextView  android:text = "@string/labReceiveUser"
                 android:layout_gravity = "center_vertical"
                  android:textSize = "8pt" ></ TextView >
             < Spinner  android:id = "@+id/spOtherUser"
             android:layout_gravity = "center_vertical" ></ Spinner >
         </ TableRow >
         < TableRow >
             < TextView  android:text = "@string/labMsgTitle"
                 android:layout_gravity = "center_vertical"
                 android:gravity = "right" 
                 android:textSize = "8pt" ></ TextView >
             < EditText  android:id = "@+id/txtMsgTitle"  android:singleLine = "true"
                 android:layout_gravity = "center_vertical"
                 android:drawableLeft = "@drawable/msgtitle"
                 android:hint = "@string/hintMsgInput"  android:maxLength = "100" ></ EditText >
         </ TableRow >
         < TableRow >
             < TextView  android:text = "@string/labMsgContent"
                 android:gravity = "right"
                 android:layout_gravity = "center_vertical" 
                 android:textSize = "8pt" ></ TextView >
             < EditText  android:id = "@+id/txtMsgContent"
                 android:layout_gravity = "center_vertical"
                 android:layout_width = "wrap_content"
                 android:lines = "4"
                 android:maxLines = "4"
                 android:textColor = "@color/purplered"
                 android:drawableLeft = "@drawable/message"  android:maxLength = "1000" ></ EditText >
         </ TableRow >
     </ TableLayout >
     < LinearLayout  android:orientation = "horizontal"
         android:background = "@color/teal"  android:layout_margin = "1dp"
         android:layout_width = "fill_parent"  android:layout_height = "wrap_content" >
         < ImageButton  android:id = "@+id/btnSend"
             android:layout_marginTop = "5dp"
             android:layout_width = "wrap_content"  android:layout_height = "60dp"
             android:src = "@drawable/sendmessage"  android:layout_weight = "1"
             android:scaleType = "centerInside" ></ ImageButton >
         < ImageButton  android:id = "@+id/btnCancel"
             android:layout_marginTop = "5dp"
             android:layout_width = "wrap_content"  android:layout_height = "60dp"
             android:src = "@drawable/cancel"  android:layout_weight = "1"
             android:scaleType = "centerInside" ></ ImageButton >
     </ LinearLayout >
</ LinearLayout >

还是Table布局，出来的效果就是第一幅图，在这个布局中，我们发现TableLayout的stretchColumns="1"并且shrinkColumns也是1。为什么么设置呢，因为如果不这样设置。文本框中的字会将文本框的宽度撑大，撑到屏幕外面去。所以，加上这两个属性，既可以保证铺满，又可以保证不超出屏幕。


接下来我们看一下后台，在页面创建完成后，有一个InitReceiveUser方法，这个方法就是获取其他userf信息并加载到Spinner的方法，我们来看一下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
private  void  InitReceiveUser() {
         Bundle bundle = getIntent().getExtras();
         String userNo = bundle.getString( "userNo" );
 
         SoapObject soapObject =  this .GetOtherUserList(userNo);
         for  ( int  i =  0 ; i < soapObject.getPropertyCount(); i++) {
             SoapObject soapObj = (SoapObject) soapObject.getProperty(i);
 
             userInfoEntity =  new  UserInfoEntity();
             userInfoEntity.setProperty( 0 , soapObj.getProperty( "UserNo" ));
             userInfoEntity.setProperty( 1 , soapObj.getProperty( "UserName" ));
             userInfoEntity.setProperty( 7 , soapObj.getProperty( "TelNumber" ));
             userInfoEntityList.add(userInfoEntity);
         }
 
         CustomArrayAdapter customAdapter =  new  CustomArrayAdapter( this ,
                 userInfoEntityList);
         spOtherUser.setAdapter(customAdapter);
         spOtherUser.setPrompt( "请选择接收人" );
 
         spOtherUser.setOnItemSelectedListener( new  OnItemSelectedListener() {
             @Override
             public  void  onNothingSelected(AdapterView<?> parent) {
                 // TODO Auto-generated method stub
 
             }
 
             @Override
             public  void  onItemSelected(AdapterView<?> arg0, View arg1,
                     int  position,  long  arg3) {
 
                 if  (!isFirstLoad) {
                     isFirstLoad =  true ;
                     return ;
                 }
 
                 // TODO Auto-generated method stub
                 UserInfoEntity userInfoEntity = userInfoEntityList
                         .get(position);
                 String userName = userInfoEntity.getProperty( 1 ).toString();
                 String telNumber = userInfoEntity.getProperty( 7 ).toString();
 
                 Toast toast = Toast.makeText(getApplicationContext(),  "姓名:"
                         + userName +  ",电话:"  + telNumber, Toast.LENGTH_LONG);
                 toast.setGravity(Gravity.CENTER,  0 ,  0 );
 
                 LinearLayout toastContentView = (LinearLayout) toast.getView();
                 ImageView imgToast =  new  ImageView(getApplicationContext());
                 imgToast.setImageResource(R.drawable.receiveuser);
                 toastContentView.addView(imgToast,  0 );
                 toast.show();
             }
         });
     }

首先我们会拿到index界面传过来的userNo，然后调用webService得到一个UserInfoEntityList，这一步相当于我们已经有了数据源。接下来我们看到了CustomArrayAdapter类，这个类是干什么的，记得上篇文章我说过，Spinner可以像Silverlight中的ComboBox一样设置模版，来显示比较复杂的内容。我们先看一下效果图

wKioL1OJb9CjfITtAAGYBXoi1WE881.jpg

我们发现这个内容比上篇文章中的性别绚丽多了，不错，这就是要通过自定义适配器实现。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
public  class  CustomArrayAdapter  extends  BaseAdapter {
     private  List<UserInfoEntity> userInfoEntities;
     private  Context context;
 
     public  CustomArrayAdapter(Context context, List<UserInfoEntity> userInfoEntities) {
         this .context = context;
         this .userInfoEntities = userInfoEntities;
     }
 
     @Override
     public  int  getCount() {
         return  userInfoEntities.size();
     }
 
     @Override
     public  Object getItem( int  position) {
         return  userInfoEntities.get(position);
     }
 
     @Override
     public  long  getItemId( int  position) {
         return  position;
     }
 
     //@Override
     public  View getView( int  position, View contentView, ViewGroup parent) {
         LayoutInflater _LayoutInflater = LayoutInflater.from(context);
         contentView = _LayoutInflater.inflate(R.layout.spinner_userinfotemplate,  null );
 
         if  (contentView !=  null ) {
             TextView txtUserName = (TextView)contentView
                     .findViewById(R.id.txtUserName);
 
             TextView txtTelNumber = (TextView)contentView
                     .findViewById(R.id.txtTelNumber);
 
             txtUserName.setText(userInfoEntities.get(position).getProperty( 1 ).toString());
 
             txtTelNumber.setText(userInfoEntities.get(position).getProperty( 7 ).toString());
 
         }
         return  contentView;
     }
}

OK，就是上面的这个自定义Adapter。意思就是将传递进来的数据源绑定到各个模版控件，这个上篇也讲过，这里不再赘述。OK，我们看一下模版(R.layout.spinner_userinfotemplate)的定义。

1
2
3
4
5
6
7
8
9
10
11
12
<? xml  version = "1.0"  encoding = "utf-8" ?>
< LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"  android:layout_height = "match_parent" >
     < TextView  android:id = "@+id/txtUserName"  android:layout_width = "wrap_content"
         android:layout_height = "wrap_content"  android:drawableLeft = "@drawable/userhint"
         android:textColor = "@color/red1"
         android:paddingRight = "8dp"  android:paddingTop = "8dp"  android:textSize = "6pt"  />
     < TextView  android:id = "@+id/txtTelNumber"  android:layout_width = "wrap_content"
         android:layout_height = "wrap_content"  android:textSize = "6pt"
         android:textColor = "@color/purplered" >
     </ TextView >
</ LinearLayout >

OK，正是这两个文本框来负责下拉选项的展示。所以我们将适配器应用于Spinner，效果就出来了。

1
2
3