Android 实战之酷云（二）

r囧r小猫 2022-06-18 10:43 36阅读 0赞

对于酷云这个项目，想了很久，到底是做到最好，还是能用就好，在我看来，完成这个项目的难度还是有的，加上其他限制，导致进度缓慢，不过我觉得还是要将它呈现出来，所以决定写下酷云开发过程的一系列文章，希望能和大家一起进步。如果有更好的方法实现或者有错误，希望您在评论区能指出，我会及时更改。

--------------------

### Http Post 实现网络请求、数据提交 ###

使用 Http 协议来对服务器接口进行请求，请求方式为 Post，请求方法包括 http请求头（cookie、referer）

protected boolean sendHttpPostRequest(String request) throws IOException {
            HttpURLConnection connection = null;
            try{
                String httpUrl = "http://music.163.com/api/search/pc/";
                URL url = new URL(httpUrl);
                connection = (HttpURLConnection) url.openConnection();
                //设置http请求方法
                connection.setDoOutput(true);
                connection.setDoInput(true);
                connection.setRequestMethod("POST");//设置请求方式为post
                connection.setReadTimeout(5000);//设置读取超时为5秒
                connection.setConnectTimeout(10000);//设置连接超时为10秒
                //设置请求头，包括Cookie、refer、Charset
                connection.setRequestProperty("os", "pc");
                connection.setRequestProperty("MUSIC_U", "5339640232");
                connection.setRequestProperty("Charset", "utf-8");
                //进行连接
                connection.connect();
                DataOutputStream out = new DataOutputStream(connection.getOutputStream());
                //请求参数
                String data = "&s=" + URLEncoder.encode(request, "UTF-8")+ "&limit=" + URLEncoder.encode("10", "UTF-8")+ "&type="
                        + URLEncoder.encode("1", "UTF-8") + "&offset" + URLEncoder.encode("0", "UTF-8") + "&total=" + URLEncoder.encode("true", "UTF-8");
                //通过EdirText获取输入内容进行搜索；因为手机屏幕原因，将搜索返回数目控制为10条；搜索形式为单曲搜索；偏移量设置为0，即不进行偏移
    
                //获取输出流
                out.writeBytes(data);
                out.flush();
                out.close();
                //获取响应输入流对象
                if (connection.getResponseCode() == 200) {
                    InputStreamReader is = new InputStreamReader(connection.getInputStream());
                    BufferedReader bufferedReader = new BufferedReader(is);
                    StringBuilder strBuffer = new StringBuilder();
                    String line;
                    //读取服务器返回信息
                    while ((line = bufferedReader.readLine()) != null){
                        strBuffer.append(line);
                    }
                    result = strBuffer.toString();
                    bufferedReader.close();
                    is.close();
                }
            }catch (IOException e) {
                return true;
            } finally {
                if (connection != null) {
                    connection.disconnect();
                }
            }
            return false;
        }

以上通过 http post 方法进行网络请求并向服务器提交请求数据，代码注释已经解释得很清楚了，就不再多做解释。

因为 Android 4.0 以后要求必须在子线程中进行网络请求，所以我们在子线程中调用 Http 请求方法和耗时操作。

private void search(){
            fatherspoetry.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    final Handler handler = new Handler() {
                        @Override
                        public void handleMessage(Message msg) {
                            if (msg.what == 1) {
                                //提示读取结果
                                Toast.makeText(SearchActivity.this, result, Toast.LENGTH_LONG).show();
                            }
                        }
                    };
                    new Thread() {
                        public void run() {
                            //请求网络
                            try {
                                sendHttpPostRequest(request);
                            } catch (IOException e) {
                                e.printStackTrace();
                            }
                            Message m = new Message();
                            m.what = 1;
                            // 发送消息到Handler
                            handler.sendMessage(m);
                        }
                    }.start();
                }
            });
        }

### JSON 数据解析 ###

接下来要做的就是解析服务器返回信息，一般返回的数据类型为 xml 或 json 格式，此处返回的为 json 格式，所以只讲解 json 的解析方式。

json 的解析方法有很多种，这里之讲解两种常用的，没错，就是 Java 官方提供的 org.json 和 Google 开源的 Gson 了。

首先要介绍一下 json 的数据格式，有 json 对象（JSONObject）和 json 数组（JSONArray）,对于两者的区别，我们先来看一段 json 数据。

> \{ “t\_id”: 64, “user\_name”: “建新”, “user\_number”: 13710675396, “user\_cardid”: 639039431, “user\_passwd”: “hhhhhh”,”user\_money”: 9999999999\}

那么很明显上面是一段仅由 json 对象构成的 json 数据，解析起来很方便，使用 JSONObject 解析的代码如下

public void parseJson(String json) throws JSONException {
            JSONObject jsonObject = new JSONObject(json);
            String password = jsonObject.getString("user_passwd");
            String nickName = jsonObject.getString("user_name");
            int tId= jsonObject.getInt("t_id");
            int cardId = jsonObject.getInt("user_cardid");
            int money = jsonObject.getInt("user_money");
        }

但是当遇上较负责的 json 数据时可能你有点晕，如下面的 json 数据，对象中有数组，数组中有对象

> \{“result”:\{“songs”:\[\{“name”:”玫瑰色的你”,”id”:326695,”position”:1,”alias”:\[\],”status”:0,”fee”:8,”copyrightId”:7001,”disc”:”“,”no”:1,”artists”:\[\{“name”:”张悬”,”id”:10557,”picId”:0,”img1v1Id”:0,”briefDesc”:”“,”picUrl”:”[http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p3.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”img1v1Url”:”[http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p4.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”albumSize”:0,”alias”:\[\],”trans”:”“,”musicSize”:0\}\],”album”:\{“name”:”神的游戏”,”id”:32311,”type”:”专辑”,”size”:10,”picId”:18808245906527670,”blurPicUrl”:”[http://p4.music.126.net/klOSGBRQhevtM6c9RXrM1A==/18808245906527670.jpg][http_p4.music.126.net_klOSGBRQhevtM6c9RXrM1A_18808245906527670.jpg]“,”companyId”:0,”pic”:18808245906527670,”picUrl”:”[http://p4.music.126.net/klOSGBRQhevtM6c9RXrM1A==/18808245906527670.jpg][http_p4.music.126.net_klOSGBRQhevtM6c9RXrM1A_18808245906527670.jpg]“,”publishTime”:1344528000000,”description”:”“,”tags”:”“,”company”:”索尼音乐娱乐”,”briefDesc”:”“,”artist”:\{“name”:”“,”id”:0,”picId”:0,”img1v1Id”:0,”briefDesc”:”“,”picUrl”:”[http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p4.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”img1v1Url”:”[http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p4.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”albumSize”:0,”alias”:\[\],”trans”:”“,”musicSize”:0\},”songs”:\[\],”alias”:\[“Games We Play”\],”status”:3,”copyrightId”:7001,”commentThreadId”:”R\_AL\_3\_32311”,”artists”:\[\{“name”:”张悬”,”id”:10557,”picId”:0,”img1v1Id”:0,”briefDesc”:”“,”picUrl”:”[http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p3.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”img1v1Url”:”[http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg][http_p4.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]“,”albumSize”:0,”alias”:\[\],”trans”:”“,”musicSize”:0\}\],”picId\_str”:”18808245906527670”\},”starred”:false,”popularity”:100.0,”score”:100,”starredNum”:0,”duration”:297613,”playedNum”:0,”dayPlays”:0,”hearTime”:0,”ringtone”:”600902000009458622”,”crbt”:”b957432baaac42d8096f76ae357992ce”,”audition”:null,”copyFrom”:”“,”commentThreadId”:”R\_SO\_4\_326695”,”rtUrl”:null,”ftype”:0,”rtUrls”:\[\],”copyright”:1,”rtype”:0,”rurl”:null,”mvid”:5102,”bMusic”:\{“name”:null,”id”:1225536788,”size”:3572342,”extension”:”mp3”,”sr”:44100,”dfsId”:1423867572222808,”bitrate”:96000,”playTime”:297613,”volumeDelta”:-0.87\},”mp3Url”:”[http://m2.music.126.net/mO4G5dQ7WPm3Le0lAy9efg==/1423867572222808.mp3][http_m2.music.126.net_mO4G5dQ7WPm3Le0lAy9efg_1423867572222808.mp3]“,”hMusic”:\{“name”:null,”id”:1225536786,”size”:11907701,”extension”:”mp3”,”sr”:44100,”dfsId”:3441471403612879,”bitrate”:320000,”playTime”:297613,”volumeDelta”:-1.27\},”mMusic”:\{“name”:null,”id”:1225536787,”size”:5953873,”extension”:”mp3”,”sr”:44100,”dfsId”:3441471403612880,”bitrate”:160000,”playTime”:297613,”volumeDelta”:-0.84\},”lMusic”:\{“name”:null,”id”:1225536788,”size”:3572342,”extension”:”mp3”,”sr”:44100,”dfsId”:1423867572222808,”bitrate”:96000,”playTime”:297613,”volumeDelta”:-0.87\}\}\],”songCount”:6\},”code”:200\}

看着就晕是不是，而且上面还是限制返回一首歌曲时返回的数据，但通常我们返回但是几十首，其实我们可以利用 [json 工具][json]来简化它，简化后通过视图来查看，效果如下：

> \{  
> “result”: \{  
> “songs”: \[  
> \{  
> “name”: “Safe And Sound”,  
> “id”: 2001472,  
> “position”: 1,  
> “alias”: \[

],
        "status": 0,
        "fee": 1,
        "copyrightId": 7003,
        "disc": "",
        "no": 1,
        "artists": [
          {
            "name": "Taylor Swift",
            "id": 44266,
            "picId": 0,
            "img1v1Id": 0,
            "briefDesc": "",
            "picUrl": "http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
            "img1v1Url": "http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
            "albumSize": 0,
            "alias": [
    
            ],
            "trans": "",
            "musicSize": 0
          }
        ],
        "album": {
          "name": "Safe & Sound",
          "id": 201785,
          "type": "EP/Single",
          "size": 1,
          "picId": 802643488329098,
          "blurPicUrl": "http://p3.music.126.net/7PejdCyItA2IRxDlbS_Nug==/802643488329098.jpg",
          "companyId": 0,
          "pic": 802643488329098,
          "picUrl": "http://p3.music.126.net/7PejdCyItA2IRxDlbS_Nug==/802643488329098.jpg",
          "publishTime": 1324569600007,
          "description": "",
          "tags": "",
          "company": "LionGate",
          "briefDesc": "",
          "artist": {
            "name": "",
            "id": 0,
            "picId": 0,
            "img1v1Id": 0,
            "briefDesc": "",
            "picUrl": "http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
            "img1v1Url": "http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
            "albumSize": 0,
            "alias": [
    
            ],
            "trans": "",
            "musicSize": 0
          },
          "songs": [
    
          ],
          "alias": [
    
          ],
          "status": -1,
          "copyrightId": 5003,
          "commentThreadId": "R_AL_3_201785",
          "artists": [
            {
              "name": "Taylor Swift",
              "id": 44266,
              "picId": 0,
              "img1v1Id": 0,
              "briefDesc": "",
              "picUrl": "http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
              "img1v1Url": "http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg",
              "albumSize": 0,
              "alias": [
    
              ],
              "trans": "",
              "musicSize": 0
            }
          ]
        },
        "starred": false,
        "popularity": 100.0,
        "score": 100,
        "starredNum": 0,
        "duration": 242129,
        "playedNum": 0,
        "dayPlays": 0,
        "hearTime": 0,
        "ringtone": "",
        "crbt": null,
        "audition": null,
        "copyFrom": "",
        "commentThreadId": "R_SO_4_2001472",
        "rtUrl": null,
        "ftype": 0,
        "rtUrls": [
    
        ],
        "copyright": 0,
        "hMusic": {
          "name": "Safe And Sound",
          "id": 21938700,
          "size": 9702842,
          "extension": "mp3",
          "sr": 44100,
          "dfsId": 2056086743957784,
          "bitrate": 320000,
          "playTime": 242129,
          "volumeDelta": 0.0483791
        },
        "mMusic": {
          "name": "Safe And Sound",
          "id": 21938701,
          "size": 4864442,
          "extension": "mp3",
          "sr": 44100,
          "dfsId": 2100067209069027,
          "bitrate": 160000,
          "playTime": 242129,
          "volumeDelta": 0.234826
        },
        "lMusic": {
          "name": "Safe And Sound",
          "id": 21938702,
          "size": 2928664,
          "extension": "mp3",
          "sr": 44100,
          "dfsId": 2076977464885633,
          "bitrate": 96000,
          "playTime": 242129,
          "volumeDelta": 0.0395871
        },
        "bMusic": {
          "name": "Safe And Sound",
          "id": 21938702,
          "size": 2928664,
          "extension": "mp3",
          "sr": 44100,
          "dfsId": 2076977464885633,
          "bitrate": 96000,
          "playTime": 242129,
          "volumeDelta": 0.0395871
        },
        "rtype": 0,
        "rurl": null,
        "mvid": 5466,
        "mp3Url": "http://m2.music.126.net/tbBk7yuG8Ow5MZDNlYbtrA==/2076977464885633.mp3"
      }
    ],
    "songCount": 197

\},  
“code”: 200  
\}

看起来很多，但其实已经很清晰了，例如我们现在需要获取 mp3Url 这个数据，该如何去解析它呢？我们通过观察整个的 json 视图发现， mp3Url 这个数据有着以下的嵌套，result 对象 –> songs 数组 –> mp3Url 对象。既然理清了关系，那解析就很简单了，代码如下：

public void parseJson(String json) throws JSONException {
            JSONObject jsonObject = new JSONObject(json);
            JSONObject result = jsonObject.getJSONObject("result");
            JSONArray jsonArray = result.getJSONArray("songs");
            for (int i = 0; i < jsonArray.length(); i++) {
                JSONObject jsonObject1 = jsonArray.getJSONObject(i);
                mp3Url = jsonObject1.getString("mp3Url");
            }
        }

以上但是通过使用 org.json 来解析数据，这很方便，你只需要分析一下返回的数据，传入返回 json 数据后分别对 json 对象和 json 数组进行解析即可。但其实还有更简单的方法，那就是 Gson 了，让我们来一起看一下。

以第一段 json 数据为例，先创建一个 JavaBean 来获取 json 内的数据。代码如下：

public class Json {
    
        private String name;
    
        private String password;
    
        private int tId; 
    
        private int cardId; 
    
        private int money; 
    
    
        public void setName(String name){
            this.name = name;
        }
    
         public String getName(){
            return this.name;
        }
    
        public void setPassword(String password){
            this.password = password;
        }
    
         public String getPassword(){
            return this.password;
        }
    
        public void setTId(int tId){
            this.tId = tId;
        }
    
         public int getTId(){
            return this.tId;
        }
    
        public void setCardId(int cardId){
            this.cardId = cardId;
        }
    
         public int getCardId(){
            return this.cardId;
        }
    
        public void setMoney(int money){
            this.money = money;
        }
    
         public int getMoney(){
            return this.money;
        }
    }

导入 Gson 包

compile 'com.google.code.gson:gson:2.7'

利用 Gson 解析 json

Gson gson = new Gson();
    Result result = gson.fromJson(jsonData, Result.class);
    int tId = result.getTId();

没错，就是这么简单，关于 json 数据解析就讲到这里。

--------------------

### MwdiaPlayer 获取、设置歌曲信息 ###

[MwdiaPlayer][] 是 Google 提供的用来控制 Android 多媒体播放的封装类，我们来看一下 Google 官方文档对这个类·的描述：

> MediaPlayer class can be used to control playback of audio/video files and streams. An example on how to use the methods in this class can be found in VideoView.

这段话的意思也就是说：

> MediaPlayer 类可用于控制音频/视频文件和流的播放。在 VideoView 中可以找到有关如何使用此类中的方法的示例。

也就是说我们可以通过 MediaPlayer 来播放音乐和视频，并且进行流操作。我们可以看到在对 MediaPlayer 的解释中提到了 [VideoView][] ，很明显这是一个控件，但是它到底有什么用呢！这里我们就不做深入探究了，因为用不到，有兴趣的小伙伴可以自己看一下。

接下来介绍 MediaPlayer 的用法

1.  创建 MediaPlayer 对象

/* **这里有两种方式 */
    1. 通过 new 创建
    MediaPlayer mp = new MediaPlayer();
    2. 通过 create() 方法插件
    MediaPlayer mp = MediaPlayer.create(this, R.raw.test);

这里需要注意一点，通过 new 创建对象还需要调用 setDataSource()方法来设置资源的路径，而通过 create 创建对象则无需再调用 setDataSource()方法，可以在方法内传入资源文件。

1.  常用方法介绍

1. setLooping(boolean looping)//设置是否循环播放
    2. setNextMediaPlayer(MediaPlayer next)//设置当前流媒体播放完毕,下一个播放的MediaPlayer
    3. setVolume(float leftVolume, float rightVolume)//设置播放器的音量
    4. start()//开始或恢复播放
    5. stop()//停止播放
    6. pause()//暂停播放
    7. prepare()//准备播放（装载音频），调用此方法会使MediaPlayer进入Prepared状态
    8. release()//释放媒体资源
    9. reset()//重置MediaPlayer进入未初始化状态
    10. seekTo(int msec)//指定的时间位置 
    11. getCurrentPosition()//获取当前播放的位置
    12. isLooping()//判断MediaPlayer是否正在循环播放
    13. isPlaying()//判断MediaPlayer是否正在播放

1.  播放本地音乐

public void play() {
            mMediaPlayer = MediaPlayer.create("/sdcard/a.mp3");
            mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
            // 通过异步的方式装载媒体资源,避免UI卡顿
            mMediaPlayer.prepareAsync();
            mMediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mp) {
                    mMediaPlayer.start();
                }
            });
    }

别忘了添加访问内存卡的权限

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

1.  播放在线音乐

public void play() {
            mMediaPlayer = MediaPlayer.create(this, Uri.parse("http://m2.music.126.net/tbBk7yuG8Ow5MZDNlYbtrA==/2076977464885633.mp3"));
            mMediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
            // 通过异步的方式装载媒体资源,避免UI卡顿
            mMediaPlayer.prepareAsync();
            mMediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mp) {
                    mMediaPlayer.start();
                }
            });
        }

亦或者你想偷懒的话，可以这么写：

protected void playMusic() {
            mMediaPlayer = MediaPlayer.create(this,Uri.parse(mp3Url));
            mMediaPlayer.start();
        }

需要注意此处 mp3Url 为通过解析 json 数据获取的播放地址。

1.  释放资源

正如前面所说的一样，MediaPlayer 是非常耗费系统资源的，所以我们需要做好资源回收工作，而最好的方法就是去主动回收了！通过重写 Activity 的 onDestroy() 方法并实现资源释放。

protected void onDestroy(){
            if (mMediaPlayer != null && mMediaPlayer.isPlaying()) {
                mMediaPlayer.stop();
                mMediaPlayer.release();
                mMediaPlayer = null;
            }
            super.onDestroy();
        }

这里要注意的一个问题在使用 start() 播放流媒体之前，需要装载流媒体资源，这是非常耗费系统资源的，所以最好使用 prepareAsync() 异步的方式装载流媒体资源，以避免UI卡顿。

别忘了添加访问的网络权限

<uses-permission android:name="android.permission.INTERNET"/>

1.  单曲循环的实现

关于单曲循环的实现推荐使用以下两种方式，一是通过调用 setLooping() 方法实现，另一种是通过注册回调函数来实现，回调函数 setOnCompletionListener() 会在播放完后回调。

通过调用 setLooping() 方法实现

mMediaPlayer.setLooping(loop);

通过回调 setOnCompletionListener() 方法实现

mMediaPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
                        @Override
                        public void onCompletion(MediaPlayer mp) {
                            play();
                        }
                    });

1.  错误处理

因为 MediaPlayer 操作的是一个流媒体，所以无可避免的会出现一些错误，对于一段流媒体资源，前半段可以正常播放，而中间一段因为解析或者源文件错误等问题，造成中间一段无法播放问题，需要我们处理这个错误，否则会影响用户体验。可以为 MediaPlayer 注册回调函数 setOnErrorListener() 来设置出错之后的解决办法，一般重新播放或者播放下一个流媒体即可。

mMediaPlayer.setOnErrorListener(new MediaPlayer.OnErrorListener() {
                        @Override
                        public boolean onError(MediaPlayer mp, int what, int extra) {
                            play();
                            return false;
                        }
                    });

当然了，这里播放进度和播放音量都可以通过手势来获取和更改，可以看我 [Android 自定义 View 之对 TouchEvent][Android _ View _ TouchEvent] 的处理这一篇文章，就不再具体说明了，通过 setVolume() 和 seekTo() 方法即可实现。

--------------------

### EditText 实现搜索框 ###

我们几乎可以在所有应用里都能找到搜索框，且一般都在主页的 ToolBar 上来实现，虽然实现方式和 UI 规划都不一样，如网易云的搜索框

![这里写图片描述][SouthEast]

关于搜索框的实现主要有以下几点需要注意：

1.  输入文字以后显示删除全部输入文字的删除键
2.  监听软键盘回车按钮并设置为搜索按钮
3.  监听输入框状态，实现搜索操作

下面对以上几点进行具体分析，首先通过自定义 View 来实现带删除键的搜索框，具体代码如下：

package com.androxue.coolcloud.widget;
    
    import android.content.Context;
    import android.graphics.drawable.Drawable;
    import android.support.v7.widget.AppCompatEditText;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.util.AttributeSet;
    import android.view.MotionEvent;
    import android.view.View;
    import android.view.animation.Animation;
    import android.view.animation.CycleInterpolator;
    import android.view.animation.TranslateAnimation;
    
    public class DeletableEditText extends AppCompatEditText { 
    
        private Drawable mRightDrawable;
        private boolean isHasFocus;
    
        public DeletableEditText(Context context) {
            super(context);
            init();
        }
    
        public DeletableEditText(Context context, AttributeSet attrs) {
            super(context, attrs);
            init();
        }
    
        public DeletableEditText(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            init();
        }
    
        private void init() {
            // getCompoundDrawables:
            // Returns drawables for the left, top, right, and bottom borders.
            Drawable[] drawables = this.getCompoundDrawables();
    
            // 取得right位置的Drawable
            // 即我们在布局文件中设置的android:drawableRight
            mRightDrawable = drawables[2];
    
            // 设置焦点变化的监听
            this.setOnFocusChangeListener(new FocusChangeListenerImpl());
            // 设置EditText文字变化的监听
            this.addTextChangedListener(new TextWatcherImpl());
            // 初始化时让右边clean图标不可见
            setClearDrawableVisible(false);
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_UP:
    
                    boolean isClean = (event.getX() > (getWidth() - getTotalPaddingRight()))
                            && (event.getX() < (getWidth() - getPaddingRight()));
                    if (isClean) {
                        setText("");
                    }
                    break;
    
                default:
                    break;
            }
            return super.onTouchEvent(event);
        }
    
        private class FocusChangeListenerImpl implements OnFocusChangeListener { 
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                isHasFocus = hasFocus;
                if (isHasFocus) {
                    boolean isVisible = getText().toString().length() >= 1;
                    setClearDrawableVisible(isVisible);
                } else {
                    setClearDrawableVisible(false);
                }
            }
    
        }
    
        // 当输入结束后判断是否显示右边clean的图标
        private class TextWatcherImpl implements TextWatcher { 
            @Override
            public void afterTextChanged(Editable s) {
                boolean isVisible = getText().toString().length() >= 1;
                setClearDrawableVisible(isVisible);
            }
    
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                                          int after) {
    
            }
    
            @Override
            public void onTextChanged(CharSequence s, int start, int before,
                                      int count) {
    
            }
    
        }
    
        // 隐藏或显示右边clean的图标
        protected void setClearDrawableVisible(boolean isVisible) {
            Drawable rightDrawable;
            if (isVisible) {
                rightDrawable = mRightDrawable;
            } else {
                rightDrawable = null;
            }
            // 使用代码设置该控件left, top, right, and bottom处的图标
            setCompoundDrawables(getCompoundDrawables()[0],
                    getCompoundDrawables()[1], rightDrawable,
                    getCompoundDrawables()[3]);
        }
    
        // 显示动画
        public void setShakeAnimation() {
            this.startAnimation(shakeAnimation(5));
    
        }
    
        // CycleTimes动画重复的次数
        public Animation shakeAnimation(int CycleTimes) {
            Animation translateAnimation = new TranslateAnimation(0, 10, 0, 10);
            translateAnimation.setInterpolator(new CycleInterpolator(CycleTimes));
            translateAnimation.setDuration(1000);
            return translateAnimation;
        }
    }

布局界面代码如下：

<com.androxue.coolcloud.widget.DeletableEditText
                    android:id="@+id/search"
                    android:layout_width="310dp"
                    android:layout_height="wrap_content"
                    android:drawableRight="@drawable/ic_delete"
                    android:ems="10"
                    android:hint="@string/search"
                    android:imeOptions="actionSearch"
                    android:inputType="text"
                    android:singleLine="true" />

--------------------

需要注意的是这里后面三个属性必须要有。

然后就是为搜索框添加监听器监听软键盘回车按钮并设置为搜索按钮了，直接上代码：

search.setOnKeyListener(new View.OnKeyListener() {
       //修改回车键功能
                @Override
                public boolean onKey(View v, int keyCode, KeyEvent event) {
                    if (keyCode == KeyEvent.KEYCODE_ENTER && event.getAction() == KeyEvent.ACTION_DOWN) {
                        search();//实现搜索操作
                    }
                    return false;
                }
            });

然后再为输入框添加监听器

DeletableEditText search = (DeletableEditText) findViewById(R.id.search);
            search.setOnEditorActionListener(new TextView.OnEditorActionListener() {
                @Override
                public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                    if (actionId == EditorInfo.IME_ACTION_SEARCH){
                        //实现搜索操作
                        try {
                            sendHttpPostRequest();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                    return false;
                }
            });

最后放上几张UI，都是通过自定义View来实现的

![这里写图片描述][SouthEast 1]

![这里写图片描述][SouthEast 2]

![这里写图片描述][SouthEast 3]

![这里写图片描述][SouthEast 4]

[http_p3.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]: http://p3.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg
[http_p4.music.126.net_6y-UleORITEDbvrOLV0Q8A_5639395138885805.jpg]: http://p4.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg
[http_p4.music.126.net_klOSGBRQhevtM6c9RXrM1A_18808245906527670.jpg]: http://p4.music.126.net/klOSGBRQhevtM6c9RXrM1A==/18808245906527670.jpg
[http_m2.music.126.net_mO4G5dQ7WPm3Le0lAy9efg_1423867572222808.mp3]: http://m2.music.126.net/mO4G5dQ7WPm3Le0lAy9efg==/1423867572222808.mp3
[json]: http://www.bejson.com/jsonviewernew/
[MwdiaPlayer]: https://developer.android.com/reference/android/media/MediaPlayer.html
[VideoView]: https://developer.android.com/reference/android/widget/VideoView.html
[Android _ View _ TouchEvent]: http://blog.csdn.net/jim__charles/article/details/54691483
[SouthEast]: /images/20220618/09653012af5d4d39bc5632481411d7d8.png
[SouthEast 1]: /images/20220618/294d70468ec448fabaeade56d3216e45.png
[SouthEast 2]: /images/20220618/481aea40df154ed4a1b06d01928af490.png
[SouthEast 3]: /images/20220618/9041331a6a38496e9c74f91cd6cbc131.png
[SouthEast 4]: /images/20220618/4e78d5afafe64325b97463329209b0f1.png