论坛首页 移动开发技术论坛

问答机器人API实例

浏览 1266 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2016-09-27  

问答机器人API文档:https://www.juhe.cn/docs/api/id/112

先上图:

 说下大致实现的步骤:

1、首先使用了聚合数据的sdk,这样免费使用的数目可以多一些

2、使用gson来解析json数据

3、使用ListView来显示数据

 

那,先将布局贴上来

数据部分 机器人和人布局类似 只粘一个

<?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"  
    android:orientation="vertical" >  
  
    <TextView  
        android:id="@+id/robot_time"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center"  
        android:textColor="#cccccc"  
        android:gravity="center_horizontal"  
        android:text="2015-8-23 17:37:23" />  
  
    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal" >  
  
        <LinearLayout  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:orientation="vertical" >  
  
            <ImageView  
                android:layout_width="50dp"  
                android:layout_height="50dp"  
                android:src="@drawable/icon" />  
  
            <TextView  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="center"  
                android:gravity="center_horizontal"  
                android:text="小桂子"  
                android:textSize="12sp" />  
        </LinearLayout>  
  
        <TextView  
            android:id="@+id/robot_msg"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginLeft="5dp"  
            android:background="@drawable/chatfrom_bg_normal"  
            android:gravity="center"  
            android:layout_gravity="bottom"  
            android:text="你好,我是小桂子" />  
    </LinearLayout>  
  
</LinearLayout>  

 然后是主布局:

<RelativeLayout 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"  
    tools:context="com.example.juheapi.MainActivity" >  
  
    <RelativeLayout  
        android:id="@+id/titleBar"  
        android:layout_width="fill_parent"  
        android:layout_height="50dp"  
        android:layout_alignParentTop="true"  
        android:background="@drawable/title_bar" >  
  
        <TextView  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_centerInParent="true"  
            android:text="小桂子 贱贱哒"  
            android:textColor="#eeeeee"  
            android:textStyle="bold" />  
    </RelativeLayout>  
  
    <ListView  
        android:id="@+id/listView"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:layout_above="@+id/buttom"  
        android:layout_below="@+id/titleBar"  
        android:divider="@null"  
        android:dividerHeight="5dp"  
        android:fastScrollEnabled="true"  
        android:scrollbarStyle="insideInset"  
        android:transcriptMode="normal" >  
    </ListView>  
  
    <RelativeLayout  
        android:id="@+id/buttom"  
        android:layout_width="fill_parent"  
        android:layout_height="50dp"  
        android:layout_alignParentBottom="true"  
        android:background="@drawable/bottom_bar" >  
  
        <Button  
            android:id="@+id/send_but"  
            android:layout_width="wrap_content"  
            android:layout_height="40dp"  
            android:layout_alignParentRight="true"  
            android:layout_centerInParent="true"  
            android:layout_marginLeft="5dp"  
            android:layout_marginRight="5dp"  
            android:background="@drawable/but_send_bg"  
            android:text="发 送" />  
  
        <EditText  
            android:id="@+id/send_msg"  
            android:layout_width="fill_parent"  
            android:layout_height="40dp"  
            android:layout_centerInParent="true"  
            android:layout_marginLeft="5dp"  
            android:layout_toLeftOf="@+id/send_but"  
            android:background="@drawable/login_edit_normal"  
            android:hint="你想说点什么?"  
            android:typeface="monospace" />  
    </RelativeLayout>  
  
</RelativeLayout>  

 发送按钮的xml文件:

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
  
    <item android:drawable="@drawable/send_btn_pressed" android:state_pressed="true"></item>  
    <item android:drawable="@drawable/send_btn_normal"></item>  
  
</selector>  

 这样布局  就算搭建好了

先说说 聚合数据 SDK的使用吧 地址:https://www.juhe.cn/juhesdk  

下载完之后 需要导入jar包 新建application初始化sdk 以及manifest的配置, 里面有详细教程

需要注意的的是 ip 的值 并不像教程上说的那样 而是需要加上完整的 URL 、info 和 KEY

Parameters params = new Parameters();  
        params.add("ip", URL + msg + KEY);  
        params.add("dtype", "json");  

 下面是访问数据和解析数据的实现

需要用到gson

package com.util;  
  
import java.util.Date;  
  
import android.content.Context;  
import android.os.Handler;  
import android.os.Message;  
  
import com.bean.GetResult;  
import com.bean.SetChatMessage;  
import com.bean.SetChatMessage.Type;  
import com.google.gson.Gson;  
import com.thinkland.sdk.android.DataCallBack;  
import com.thinkland.sdk.android.JuheData;  
import com.thinkland.sdk.android.Parameters;  
  
public class RequestHttp {  
    private static final String URL = "http://op.juhe.cn/robot/index?info=";  
    private static final String KEY = "&key=5d0a9e4aad4c9b11f53cc**********";  
    private Context context;  
    private Handler handle;  
  
    public RequestHttp(Context context, Handler handle) {  
        this.context = context;  
        this.handle = handle;  
    }  
  
    public  void requestHttp(String msg) {  
        Parameters params = new Parameters();  
        params.add("ip", URL + msg + KEY);  
        params.add("dtype", "json");  
  
        JuheData.executeWithAPI(context, 112, URL + msg + KEY, JuheData.GET,  
                params, new DataCallBack() {   
  
                    public void onSuccess(int statusCode, String responseString) {  
                        // TODO Auto-generated method stub  
                        SetChatMessage chat = new SetChatMessage();  
                        Gson gson = new Gson();  
                        GetResult value = gson.fromJson(responseString,  
                                GetResult.class);  
                        chat.setMsg(value.getResult().getText());  
                        chat.setDate(new Date());  
                        chat.setType(Type.INCOME);  
                        Message mesg = Message.obtain(handle);  
                        mesg.obj = chat;  
                        mesg.sendToTarget();  
                    }  
  
                    public void onFinish() {  
                    }  
  
                    public void onFailure(int statusCode,  
                            String responseString, Throwable throwable) {  
                        SetChatMessage chat = new SetChatMessage();  
                        chat.setMsg("服务器忙,请稍候。。。");  
                        chat.setDate(new Date());  
                        chat.setType(Type.INCOME);  
                        Message mesg = Message.obtain(handle);  
                        mesg.obj = chat;  
                        mesg.sendToTarget();  
                    }  
  
                });  
  
    }  
}  

 上面的gson解析 需要JSON数据映射成一个对象

package com.bean;  
  
public class GetResult {  
    private Result result;  
  
    public Result getResult() {  
        return result;  
    }  
  
    public void setResult(Result result) {  
        this.result = result;  
    }  
  
    public class Result {  
        private int code;  
        private String text;  
  
        public int getCode() {  
            return code;  
        }  
  
        public void setCode(int code) {  
            this.code = code;  
        }  
  
        public String getText() {  
            return text;  
        }  
  
        public void setText(String text) {  
            this.text = text;  
        }  
    }  
}  

 上面是两个类嵌套的  因为数据格式是:{ x, y{z,u}}

需要拿到z的值,就必须这样做,注意“text”和“code”的是和数据z、u对应的 不能随意设定

 

还需要对数据进行封装:

package com.bean;  
  
import java.util.Date;  
  
public class SetChatMessage {  
    private String name;  
    private String msg;  
    private Date date;  
    private Type type;  
      
    public enum Type{  
        INCOME,OUTCOME  
    }  
      
    public SetChatMessage(){}  
      
    public SetChatMessage(String msg,Date date,Type type){  
        this.msg=msg;  
        this.date=date;  
        this.type=type;  
    }  
  
      
    public String getName() {  
        return name;  
    }  
  
    public void setName(String name) {  
        this.name = name;  
    }  
  
    public String getMsg() {  
        return msg;  
    }  
  
    public void setMsg(String msg) {  
        this.msg = msg;  
    }  
  
    public Date getDate() {  
        return date;  
    }  
  
    public void setDate(Date date) {  
        this.date = date;  
    }  
  
    public Type getType() {  
        return type;  
    }  
  
    public void setType(Type type) {  
        this.type = type;  
    }  
      
      
}  

 还需要给Listview写个适配器:

package com.example.juheapi;  
  
import java.text.SimpleDateFormat;  
import java.util.List;  
import java.util.Locale;  
  
import com.bean.SetChatMessage;  
import com.bean.SetChatMessage.Type;  
import com.example.juheapi.R.id;  
  
import android.content.Context;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.BaseAdapter;  
import android.widget.TextView;  
  
public class MyAdapter extends BaseAdapter {  
    private List<SetChatMessage> dataList;  
    private LayoutInflater mInflater;  
  
    public MyAdapter(Context context, List<SetChatMessage> dataList) {  
        this.dataList = dataList;  
        mInflater = LayoutInflater.from(context);  
    }  
  
    public int getCount() {  
        return dataList.size();  
    }  
  
    public Object getItem(int position) {  
        return dataList.get(position);  
    }  
  
    public long getItemId(int position) {  
        return position;  
    }  
  
    public int getItemViewType(int position) {  
        SetChatMessage chatMsg = dataList.get(position);  
        if (chatMsg.getType() == Type.INCOME) {  
            return 0;  
        }  
        return 1;  
    }  
  
    public int getViewTypeCount() {  
        return 2;  
    }  
  
    public View getView(int position, View convertView, ViewGroup parent) {  
        SetChatMessage chatMsg = dataList.get(position);  
        ViewHolder viewHolder;  
        if (convertView == null) {  
            if (getItemViewType(position) == 0) {  
                convertView = mInflater.inflate(R.layout.item_robot_msg,  
                        parent, false);  
                viewHolder = new ViewHolder();  
                viewHolder.msgData = (TextView) convertView  
                        .findViewById(id.robot_msg);  
                viewHolder.timeData = (TextView) convertView  
                        .findViewById(id.robot_time);  
            } else {  
                convertView = mInflater.inflate(R.layout.item_host_msg, parent,  
                        false);  
                viewHolder = new ViewHolder();  
                viewHolder.msgData = (TextView) convertView  
                        .findViewById(id.host_msg);  
                viewHolder.timeData = (TextView) convertView  
                        .findViewById(id.host_time);  
            }  
            convertView.setTag(viewHolder);  
        } else {  
              
            viewHolder = (ViewHolder) convertView.getTag();  
              
        }  
        viewHolder.msgData.setText(chatMsg.getMsg());  
        SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss",Locale.CHINA);  
        viewHolder.timeData.setText(dateFormat.format(chatMsg.getDate()));  
          
        return convertView;  
    }  
  
    private class ViewHolder {  
        private TextView timeData;  
        private TextView msgData;  
    }  
  
}  

 说一下适配器:

 1、因为有两种不同的view 所以需要复写 getItemViewType(int position)   和  getViewTypeCount()

 2、使用ViewHolder 对性能进行优化,减少一些不必要的重复操作

 

main:

package com.example.juheapi;  
  
import java.util.ArrayList;  
import java.util.Date;  
import java.util.List;  
  
import com.bean.SetChatMessage;  
import com.bean.SetChatMessage.Type;  
import com.example.juheapi.R.id;  
import com.util.RequestHttp;  
  
import android.app.Activity;  
import android.os.Bundle;  
import android.os.Handler;  
import android.os.Message;  
import android.text.TextUtils;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.view.Window;  
import android.widget.Button;  
import android.widget.EditText;  
import android.widget.ListView;  
import android.widget.Toast;  
  
public class MainActivity extends Activity {  
    private List<SetChatMessage> dataList = new ArrayList<SetChatMessage>();  
    private MyAdapter myAdapter;  
    private ListView listView;  
  
    private Button send_but;  
    private EditText send_msg;  
  
    private Handler handle = new Handler() {  
        public void handleMessage(Message msg) {  
            SetChatMessage chatMsg = (SetChatMessage) msg.obj;  
            dataList.add(chatMsg);  
            myAdapter.notifyDataSetChanged();  
        }  
    };  
  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        requestWindowFeature(Window.FEATURE_NO_TITLE);  
        setContentView(R.layout.activity_main);  
        initView();  
        initData();  
        initEvent();  
  
    }  
  
    private void initEvent() {  
        send_but.setOnClickListener(new OnClickListener() {  
            public void onClick(View v) {  
                String msg = send_msg.getText().toString();  
                if (TextUtils.isEmpty(msg)) {  
                    Toast.makeText(MainActivity.this, "消息不能为空。",  
                            Toast.LENGTH_SHORT).show();  
                    return;  
                }  
  
                // 设置消息源 显示到listview中  
                SetChatMessage chatMsg = new SetChatMessage();  
                chatMsg.setDate(new Date());  
                chatMsg.setMsg(msg);  
                chatMsg.setType(Type.OUTCOME);  
                dataList.add(chatMsg);  
                myAdapter.notifyDataSetChanged();  
                // 文本框清空  
                send_msg.setText("");  
                // 将消息发送至服务端  
                RequestHttp an = new RequestHttp(getApplicationContext(),  
                        handle);  
                an.requestHttp(msg);  
            }  
        });  
  
    }  
  
    private void initData() {  
        dataList.add(new SetChatMessage("你要和小桂子吐槽点什么啊?", new Date(),  
                Type.INCOME));  
  
        myAdapter = new MyAdapter(MainActivity.this, dataList);  
        listView.setAdapter(myAdapter);  
    }  
  
    private void initView() {  
        listView = (ListView) findViewById(id.listView);  
  
        send_but = (Button) findViewById(id.send_but);  
        send_msg = (EditText) findViewById(id.send_msg);  
  
    }  
  
}  

 总结一下实现过程:

  List数据----adapter处理------ListView显示

 1、首先是数据的获得 ,通过对 免费提供的数据接口进行访问 拿到数据

  由于是网络访问 并不能立刻拿到数据 通过return是不能将响应的数据立刻返回的,所以使用了message来专递数据,handler进行处理

 2、数据是json格式的,通过对数据进行分析  使用gson解析数据 并拿到自己需要的数据

 3、对数据进行封装 ,添加数据的类型 时间等

 

 4、数据解决了就需要adapter来处理数据 继承自baseAdapter  使用viewHolder 来提高效率

 5、listview的显示  布局的搭建  以及对显示的需求 

  设置无分隔线 以及分隔高度

    android:divider="@null"
        android:dividerHeight="5dp" 

  设置数据向上滚动 以免输入法挡住数据

   android:fastScrollEnabled="true"
        android:scrollbarStyle="insideInset"
        android:transcriptMode="normal"

   等等。。。按自己喜好更改

 

论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics