怎么在Android中實現(xiàn)微信標(biāo)簽功能
本篇文章給大家分享的是有關(guān)怎么在Android中實現(xiàn)微信標(biāo)簽功能，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)新寧免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
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" /> <!-- 這里實現(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>
接著在在布局文件中新建一個LinearLayout用以存放標(biāo)簽(如果要實現(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ù)對微信標(biāo)簽的分析，這里可以這樣實現(xiàn)，創(chuàng)建一個EditText，對其軟鍵盤的Enter和Delete按鍵進(jìn)行監(jiān)聽，當(dāng)輸入完成后按下Enter則生成一個標(biāo)簽，添加到LinearLayout中。然后如果當(dāng)標(biāo)簽內(nèi)文字為空時，按下刪除鍵，就將它前一個標(biāo)簽的狀態(tài)修改為選中狀態(tài)。同樣地，當(dāng)點擊未選擇的標(biāo)簽也可以選中該標(biāo)簽進(jìn)行刪除。
詳細(xì)實現(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);
//對軟鍵盤的Enter和Del鍵監(jiān)聽
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);
//添加點擊事件，點擊變成選中狀態(tài)，選中狀態(tài)下被點擊則刪除
temp.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int curIndex = tagView.indexOf(temp);
if (!tagViewState.get(curIndex)) {
//顯示 ×號刪除
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);
//讓編輯框在最后一個位置上
editText.bringToFront();
//清空編輯框
editText.setText("");
editText.requestFocus();
return true;
case KeyEvent.KEYCODE_DEL:
int lastIndex = tagView.size() - 1;
//沒有添加標(biāo)簽則不繼續(xù)執(zhí)行
if (lastIndex < 0)
return false;
//獲取前一個標(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)聽編輯標(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) {
//輸入文字時取消已經(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)建一個正常狀態(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)核的自由及開放源代碼的操作系統(tǒng)，主要使用于移動設(shè)備，如智能手機和平板電腦，由美國Google公司和開放手機聯(lián)盟領(lǐng)導(dǎo)及開發(fā)。
以上就是怎么在Android中實現(xiàn)微信標(biāo)簽功能，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享題目：怎么在Android中實現(xiàn)微信標(biāo)簽功能
分享路徑：http://muchs.cn/article48/piddep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、外貿(mào)建站、網(wǎng)站策劃、域名注冊、品牌網(wǎng)站設(shè)計、App設(shè)計
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 動態(tài)網(wǎng)站制作簡單么，怎樣學(xué)習(xí)動態(tài)網(wǎng)站制作？ 2014-09-08
- 動態(tài)與純靜態(tài)的區(qū)別 2016-10-31
- 如何將您的靜態(tài)網(wǎng)站變成動態(tài)網(wǎng)站 2019-04-13
- 武漢網(wǎng)頁制作中如何更好地把握客戶動態(tài)需求? 2015-06-26
- 做網(wǎng)站動態(tài)語言的選擇很重要 2016-11-01
- 動態(tài)網(wǎng)站有著什么樣的特點呢？-網(wǎng)站建設(shè)創(chuàng)新互聯(lián)科技 2021-08-13
- 行業(yè)動態(tài)網(wǎng)站設(shè)計的扁平化 2022-02-04
- 靜態(tài)網(wǎng)頁更適合做推廣，那么它與動態(tài)網(wǎng)站有什么區(qū)別呢？ 2022-05-20
- 網(wǎng)站推廣中新聞動態(tài)網(wǎng)絡(luò)爬蟲掃描 2016-10-29
- 網(wǎng)站建設(shè)中關(guān)于靜態(tài)頁面和動態(tài)頁面的區(qū)分 2016-10-02
- 所謂動態(tài)網(wǎng)站和靜態(tài)網(wǎng)站的兩種解釋 2020-04-22
- 動態(tài)網(wǎng)站有著什么樣的特點呢？ 2020-08-03