FlowLayout流式佈局實現搜尋清空歷史記錄
阿新 • • 發佈:2019-01-10
效果圖:點選搜尋框將搜尋的歷史在流式佈局中展示出來,清空歷史記錄就會將歷史清空,每次搜尋後都存入sp中,每次進入頁面都先判斷sp裡是否有值並展示
下載完這個工程後,需要將裡面的flowlayout-lib匯入到工程中,
匯入工程的步驟:File - New - Import Module 選中這個flowlayout-lib
匯入完成後,在專案的build.gradle中對匯入的module進行依賴
compile project(':flowlayout-lib')
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="16dp" tools:context="com.example.searchhistory.MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:orientation="horizontal"> <EditText android:id="@+id/edt" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="4" /> <Button android:id="@+id/btn" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="搜尋" /> <Button android:id="@+id/clear" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="清空" /> </LinearLayout> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/id_flowlayout" android:layout_width="fill_parent" android:layout_height="wrap_content" app:max_select="-1" /> </ScrollView> </LinearLayout>
tv.xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="10dp" android:background="@drawable/tag_bg" android:text="Helloworld" android:textColor="#999999" android:textSize="16sp"> </TextView>
drawable下面建立
checked_bg.xml
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#ffffff" /> <corners android:radius="2dp" /> <stroke android:width="1dp" android:color="#dddddd" /> <padding android:bottom="5dp" android:left="14dp" android:right="14dp" android:top="5dp" /> </shape>
normal_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff" />
<corners android:radius="2dp" />
<stroke
android:width="1dp"
android:color="#dddddd" />
<padding
android:bottom="5dp"
android:left="14dp"
android:right="14dp"
android:top="5dp" />
</shape>
tag_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/checked_bg" android:state_checked="true">
</item>
<item android:drawable="@drawable/normal_bg"></item>
</selector>
text_color.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#999999" android:state_checked="true" />
<item android:color="#f692ff" />
</selector>
MainActivity
public class MainActivity extends AppCompatActivity {
private TagFlowLayout mFlowLayout;
private EditText editText;
private Button button;
private List<String> strings;
String history="";
int a=0;
List<String> historylist = new ArrayList<>();
//佈局管理器
private LayoutInflater mInflater;
//流式佈局的子佈局
private TextView tv;
public Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case 1:
mFlowLayout.setAdapter(new TagAdapter<String>(strings) {
@Override
public View getView(FlowLayout parent, int position, String s) {
tv = (TextView) mInflater.inflate(R.layout.tv,
mFlowLayout, false);
tv.setVisibility(View.VISIBLE);
tv.setText(s);
return tv;
}
});
break;
}
super.handleMessage(msg);
}
};
private Button clearbtn;
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mInflater = LayoutInflater.from(this);
mFlowLayout = (TagFlowLayout) findViewById(R.id.id_flowlayout);
editText = (EditText) findViewById(R.id.edt);
button = (Button) findViewById(R.id.btn);
clearbtn = findViewById(R.id.clear);
final SharedPreferences preferences = getSharedPreferences("config", 0);
final SharedPreferences.Editor editor = preferences.edit();
strings = new ArrayList<>();
final String string = preferences.getString("string", " ");
String[] split = string.split(" ");
if (split.length>0&&!string.equals(" ")){
for (int i=0;i<split.length;i++){
strings.add(split[i]);
}
handler.sendEmptyMessageDelayed(1, 0);
}
clearbtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
history="";
historylist.clear();
editor.clear().commit();
//清空下面的
strings.clear();
handler.sendEmptyMessageDelayed(1, 0);
}
});
button.setOnClickListener(new View.OnClickListener() {
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
public void onClick(View v) {
String string = preferences.getString("string", "");
historylist.clear();
if (!editText.getText().toString().trim().equals("")) {
String aa = editText.getText().toString().trim();
Set<String> set = new ArraySet<>();
set.add(aa);
historylist.add(aa);
a++;
history+= aa+" ";
for (int i=0;i<historylist.size();i++){
editor.putString("string",history).commit();
strings.add(historylist.get(i));
}
//通知handler更新UI
handler.sendEmptyMessageDelayed(1, 0);
}else{
Toast.makeText(MainActivity.this, "請輸入要搜尋的內容", Toast.LENGTH_SHORT).show();
}
}
});
//流式佈局tag的點選方法
mFlowLayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() {
@Override
public boolean onTagClick(View view, int position, FlowLayout parent) {
Toast.makeText(MainActivity.this, tv.getText(), Toast.LENGTH_SHORT).show();
return true;
}
});
}
}