怎么在Android中實(shí)現(xiàn)微信標(biāo)簽功能

本篇文章給大家分享的是有關(guān)怎么在Android中實(shí)現(xiàn)微信標(biāo)簽功能，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

tag_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle" >
 
  <corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp" />
 
 <stroke android:width="1dp" android:color="#66CDAA" />
 
  <padding
    android:bottom="4dp"
    android:left="8dp"
    android:right="8dp"
    android:top="4dp" />
 
</shape>

tag_selected.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle" >
 
  <corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp" />
 
 <stroke android:width="1dp" android:color="#66CDAA" />
 
  <padding
    android:bottom="4dp"
    android:left="8dp"
    android:right="8dp"
    android:top="4dp" />
 
</shape>

tag_edit.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle" >
 
  <corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp" />
  <!-- 這里實(shí)現(xiàn)虛線邊框-->
 <stroke android:dashWidth="5dp" android:dashGap="2dp" android:width="1dp" android:color="#e0e0e0" />
 
  <padding
    android:bottom="4dp"
    android:left="8dp"
    android:right="8dp"
    android:top="4dp" />
</shape>

接著在在布局文件中新建一個(gè)LinearLayout用以存放標(biāo)簽(如果要實(shí)現(xiàn)多行標(biāo)簽自適應(yīng)添加，用自定義的FlowLayout，代碼網(wǎng)上很多。)

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/tag_container"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  tools:context="com.qtree.tagdemo.MainActivity">
 
</LinearLayout>

      根據(jù)對(duì)微信標(biāo)簽的分析，這里可以這樣實(shí)現(xiàn)，創(chuàng)建一個(gè)EditText，對(duì)其軟鍵盤(pán)的Enter和Delete按鍵進(jìn)行監(jiān)聽(tīng)，當(dāng)輸入完成后按下Enter則生成一個(gè)標(biāo)簽，添加到LinearLayout中。然后如果當(dāng)標(biāo)簽內(nèi)文字為空時(shí)，按下刪除鍵，就將它前一個(gè)標(biāo)簽的狀態(tài)修改為選中狀態(tài)。同樣地，當(dāng)點(diǎn)擊未選擇的標(biāo)簽也可以選中該標(biāo)簽進(jìn)行刪除。

詳細(xì)實(shí)現(xiàn)如下

package com.qtree.tagdemo;
 
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
 
public class MainActivity extends AppCompatActivity {
 
  private LinearLayout layout;
  private LinearLayout.LayoutParams params;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
 
    layout=(LinearLayout)findViewById(R.id.tag_container);
 
    params=new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    params.setMargins(30,30,0,0);
 
    //存放標(biāo)簽和標(biāo)簽選擇狀態(tài)
    final List<TextView> tagView=new ArrayList<>();
    final List<Boolean> tagViewState=new ArrayList<>();
 
    //創(chuàng)建編輯中的標(biāo)簽
    final EditText editText=new EditText(getApplicationContext());
    editText.setHint("添加標(biāo)簽");
    //設(shè)置固定寬度
    editText.setMinEms(4);
    editText.setTextSize(12);
    //設(shè)置shape
    editText.setBackgroundResource(R.drawable.tag_edit);
    editText.setHintTextColor(Color.parseColor("#b4b4b4"));
    editText.setTextColor(Color.parseColor("#000000"));
    editText.setLayoutParams(params);
    
    //添加到layout中
    layout.addView(editText);
 
    //對(duì)軟鍵盤(pán)的Enter和Del鍵監(jiān)聽(tīng)
    editText.setOnKeyListener(new View.OnKeyListener() {
      @Override
      public boolean onKey(View v, int keyCode, KeyEvent event) {
 
        if (KeyEvent.ACTION_DOWN == event.getAction()) {
          switch (keyCode) {
            case KeyEvent.KEYCODE_ENTER:
              String editTextContent = editText.getText().toString();
              //判斷輸入是否為空
              if (editTextContent.equals(""))
                return true;
              //判斷標(biāo)簽是否重復(fù)添加
              for(TextView tag:tagView){
                String tempStr=tag.getText().toString();
                if(tempStr.equals(editTextContent)) {
                  Log.e("tag","重復(fù)添加");
                  editText.setText("");
                  editText.requestFocus();
                  return true;
                }
              }
              //添加標(biāo)簽
              final TextView temp = getTag(editText.getText().toString());
              tagView.add(temp);
              tagViewState.add(false);
              //添加點(diǎn)擊事件，點(diǎn)擊變成選中狀態(tài)，選中狀態(tài)下被點(diǎn)擊則刪除
              temp.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                  int curIndex = tagView.indexOf(temp);
                  if (!tagViewState.get(curIndex)) {
                    //顯示 ×號(hào)刪除
                    temp.setText(temp.getText() + " ×");
                    temp.setBackgroundResource(R.drawable.tag_selected);
                    temp.setTextColor(Color.parseColor("#ffffff"));
                    //修改選中狀態(tài)
                    tagViewState.set(curIndex, true);
                  } else {
                    layout.removeView(temp);
                    tagView.remove(curIndex);
                    tagViewState.remove(curIndex);
                  }
                }
              });
              layout.addView(temp);
              //讓編輯框在最后一個(gè)位置上
              editText.bringToFront();
              //清空編輯框
              editText.setText("");
              editText.requestFocus();
              return true;
            case KeyEvent.KEYCODE_DEL:
              int lastIndex = tagView.size() - 1;
              //沒(méi)有添加標(biāo)簽則不繼續(xù)執(zhí)行
              if (lastIndex < 0)
                return false;
              //獲取前一個(gè)標(biāo)簽
              TextView prevTag = tagView.get(lastIndex);
              //第一次按下Del鍵則變成選中狀態(tài)，選中狀態(tài)下按Del鍵則刪除
              if (tagViewState.get(lastIndex)) {
                tagView.remove(prevTag);
                tagViewState.remove(lastIndex);
                layout.removeView(prevTag);
              } else {
                String te = editText.getText().toString();
                if (te.equals("")) {
                  prevTag.setText(prevTag.getText() + " ×");
                  prevTag.setBackgroundResource(R.drawable.tag_selected);
                  prevTag.setTextColor(Color.parseColor("#ffffff"));
                  tagViewState.set(lastIndex, true);
                }
              }
              break;
          }
 
        }
        return false;
      }
 
    });
 
    //監(jiān)聽(tīng)編輯標(biāo)簽的輸入事件
    editText.addTextChangedListener(new TextWatcher() {
      @Override
      public void beforeTextChanged(CharSequence s, int start, int count, int after) {
 
      }
 
      @Override
      public void onTextChanged(CharSequence s, int start, int before, int count) {
        //輸入文字時(shí)取消已經(jīng)選中的標(biāo)簽
        for (int i = 0; i < tagViewState.size(); i++) {
          if (tagViewState.get(i)) {
            TextView tmp = tagView.get(i);
            tmp.setText(tmp.getText().toString().replace(" ×", ""));
            tagViewState.set(i, false);
            tmp.setBackgroundResource(R.drawable.tag_normal);
            tmp.setTextColor(Color.parseColor("#66CDAA"));
          }
        }
      }
 
      @Override
      public void afterTextChanged(Editable s) {
 
      }
    });
 
  }
 
  /**
   * 創(chuàng)建一個(gè)正常狀態(tài)的標(biāo)簽
   * @param tag
   * @return
   */
  private TextView getTag(String tag){
    TextView textView=new TextView(getApplicationContext());
    textView.setTextSize(12);
    textView.setBackgroundResource(R.drawable.tag_normal);
    textView.setTextColor(Color.parseColor("#66CDAA"));
    textView.setText(tag);
    textView.setLayoutParams(params);
    return textView;
  }
 
}

Android是什么

Android是一種基于Linux內(nèi)核的自由及開(kāi)放源代碼的操作系統(tǒng)，主要使用于移動(dòng)設(shè)備，如智能手機(jī)和平板電腦，由美國(guó)Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)。

以上就是怎么在Android中實(shí)現(xiàn)微信標(biāo)簽功能，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。