`

论图文并发的实现

阅读更多
                         论图文并发的实现(自己动手才是硬道理)
      这最近一段时间和伙伴一起开发一个小型的简易聊天系统,在选择功能点上我们看中了类似QQ中的发送表情功能,由于一开始不知道从什么组件和实现方案入手,所以查找了许多的资料。但有点不幸的是网上许多资料只是说明了可以用JTextPane组件,并没有提供比较简单的实现例子,且大多数都是针对实现字体变换的例子,故自己摸索了好些日子,既要根据协议找到能兼顾解析信息的解决方法,又要使显示界面与输入界面能将表情或图片在正确位置上能正常显示,还是有点麻烦的。以下就介绍我们参考资料后摸索出来的解决方案:
      (一)解决思路:
      先讲解在输入框的解决思路,输入框所用组件是JTextPane,使用该组件来获取输入的文本,表情的是依靠点击表情按钮获取表情框,然后选中某一个表情,根据监听到的事件来确定选中的是哪一个表情,将该表情显示到JTextPane输入框中。
      在显示框中解决思路是这样的,根据服务器转发来的符合协议的消息解析该消息中哪些内容属于文本,哪些属于图片,然后将文本的直接显示,将图片的根据解析到的信息去寻找图片,最后将图片显示上去。
      在协议上的思路可以这样去尝试,用标签式还是用注解式都可以,只要自己觉得能比较容易实现解析的协议形式都可以,但一般来说标签式的协议比较容易实现一些。
      (二)难点:
      JTextPane的使用:简单代码如下
public class JTest {
         //属性
      private JTextPane jtest = null;//JTextPane对象
      private StyledDocument doc = null;

     public JTest(){
jtest = new JTextPane();
doc = jtest.getStyledDocument();//获取JTextPane的style,显示文本时必须用到
String msg = "abcdefg";
//显示文本
doc.insertString(doc.getLength(), msg, null);
//显示图片
jtest.setCaretPosition(doc.getLength());//图片显示的位置,没有这一行的话图片会以很奇怪的逻辑显示
jtest.insertIcon(图片);
         }
}
以上代码就可以实现同时显示文本与图片的功能,不过细心一点会发现,当同时显示两张一样的图片时,JTextPane会将两张图片显示到一起,就是重复了,对于这个问题,可以使用一点小技巧,比如说我们自己就私自在图片前面加个空格,就可以避免图片重复显示了。
      解析含有图片消息过程中,比较难以解决的就是消息的处理方法,因为图片跟文本的位置组合有N多种情况,要想出一个能应付所有情况的解析方法还是有点值得费神的,不过这对于不同的协议来说方法的实现也是不一样的,所以还是那句话,自己的协议要能帮助自己解决消息解析的难题,不然形式上再好看的协议也是一文不值的,解析不了的协议就是垃圾。
      (三)心得:
      通过自己的思考以及查找资料所得到的解决方法,即使只是解决了一个问题,即使还是很拙劣,但毕竟是自己下功夫去寻找并找到的东西,至少在整个过程中自己的清醒地思考着,所以印象会很深刻。而且通过这个事情发现,很多事情再也不用依赖也不能依赖别人来直接得到答案了,那样子得到的答案自己极大可能性会忘,不理解,而且最终有可能还是还回去了。所以想要把本领或技术真正装进自己的脑袋里的话,自己动手才是硬道理!
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics