Android開發流式佈局關聯資料庫
阿新 • • 發佈:2018-12-05
效果如下
自定義View組合控制元件header_View
<?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:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <EditText android:id="@+id/search_edit" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="6" android:drawableLeft="@drawable/b" android:drawablePadding="5dp" android:paddingLeft="10dp" android:layout_marginTop="10dp" android:hint="搜尋" /> <TextView android:id="@+id/cancel_text" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center" android:layout_marginTop="10dp" android:textSize="20sp" android:text="新增" /> </LinearLayout>
組合控制元件標題MyHeaderView
import android.content.Context; import android.util.AttributeSet; import android.view.LayoutInflater; import android.widget.EditText; import android.widget.LinearLayout; import android.widget.TextView; import com.example.day4.R; public class MyXHView extends LinearLayout { private EditText mSearch; private TextView mCancel; public MyXHView(Context context, AttributeSet attrs) { super(context, attrs); LayoutInflater.from(context).inflate(R.layout.header_view, this); mSearch = findViewById(R.id.search_edit); mCancel = findViewById(R.id.cancel_text); mSearch.setBackgroundResource(R.drawable.edit_style); } public String getEditStr() { return mSearch.getText().toString(); } public TextView getCancel() { return mCancel; } public EditText getEditSearch() { return mSearch; } }
佈局檔案activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <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:background="#fff" android:orientation="vertical" tools:context=".MainActivity"> <!--自定義的標題欄--> <com.example.day4.weight.MyXHView android:id="@+id/header_View" android:layout_width="match_parent" android:layout_height="80dp" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="搜尋歷史" android:textSize="20sp" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="10dp" android:id="@+id/delete_btn" android:src="@drawable/a" /> </RelativeLayout> <com.example.day4.weight.MyFloatLayout android:id="@+id/MyFloat_Layout_History" android:layout_width="match_parent" android:layout_height="wrap_content" app:textColor="@color/colorPrimaryDark" ></com.example.day4.weight.MyFloatLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:textSize="20sp" android:text="熱門搜尋" /> <com.example.day4.weight.MyFloatLayout android:id="@+id/MyFloat_Layout" android:layout_width="match_parent" app:textColor="@color/colorPrimaryDark" android:layout_height="wrap_content"></com.example.day4.weight.MyFloatLayout> </LinearLayout>
建立流式佈局類FlowLayout 繼承LinearLayout
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;
import com.example.day4.R;
import java.util.ArrayList;
/**
* 獲取兩種螢幕寬和高的方式
* 最常用的是 DisplayMetrics
* WindowManager 不常用了 我檢視已經加上刪除線 過時
*/
public class MyFloatLayout extends LinearLayout {
private int mScreenWidth;
private String mColor;
public MyFloatLayout(Context context, AttributeSet attrs) {
super(context, attrs);
DisplayMetrics metrics = context.getResources().getDisplayMetrics();
// WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
// Display display = manager.getDefaultDisplay();
// display.getWidth();
mScreenWidth = metrics.widthPixels;
//設定這個佈局垂直顯示
setOrientation(VERTICAL);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.GroupDemoView);
if (typedArray!=null){
mColor= (String) typedArray.getText(R.styleable.GroupDemoView_textColor);
}
}
public void removeChildView(){
//移除所有子控制元件
removeAllViews();
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
}
public void setData(ArrayList<String> datas) {
LinearLayout linearLayout = getLin();
for (int i = 0; i < datas.size(); i++) {
final String data = datas.get(i);
int numWidth = 0;
//得到一行LinearLayout到底有多少子控制元件 因為我要計算每個子控制元件加在一起的寬度
int childCount = linearLayout.getChildCount();
//這個for迴圈只是計算一行LinearLayout的所有子控制元件的寬的和
for (int j = 0; j < childCount; j++) {
//通過index得到每一個子控制元件
TextView tv = (TextView) linearLayout.getChildAt(j);
LayoutParams layoutParams = (LayoutParams) tv.getLayoutParams();
int leftMargin = layoutParams.leftMargin;
//測量這個tv的高和寬
tv.measure(getMeasuredWidth(), getMeasuredHeight());
numWidth += tv.getMeasuredWidth() + leftMargin + tv.getPaddingLeft() + tv.getPaddingRight();
}
TextView dataText = getText();
dataText.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getContext(),data,Toast.LENGTH_SHORT).show();
}
});
//設定屬性
LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
params.leftMargin = 10;
params.topMargin = 10;
dataText.setLayoutParams(params);
dataText.setText(data);
dataText.measure(getMeasuredWidth(), getMeasuredHeight());
int dataTextWidth = dataText.getMeasuredWidth() + dataText.getPaddingLeft() + dataText.getPaddingRight();
//考慮到一個字串很長,就直接超過整個螢幕的高了
if (dataTextWidth >= mScreenWidth) {
String s = data.substring(0, 4);
dataText.setText(s + "...");
dataText.measure(getMeasuredWidth(), getMeasuredHeight());
dataTextWidth = dataText.getMeasuredWidth();
}
if (mScreenWidth >= numWidth + dataTextWidth) {
linearLayout.addView(dataText);
} else {
//這裡面對LinearLayout重新賦值 通過getLin換行
linearLayout = getLin();
linearLayout.addView(dataText);
}
}
}
private TextView getText() {
TextView textView = new TextView(getContext());
textView.setTextSize(16);
textView.setTextColor(Color.parseColor(mColor) );
textView.setBackgroundResource(R.drawable.text_style);
textView.setPadding(10, 5, 10, 5);
return textView;
}
//初始化子LinearLayo
private LinearLayout getLin() {
LinearLayout linearLayout = new LinearLayout(getContext());
//LayoutParams控制組件大小的一個工具類
LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
linearLayout.setLayoutParams(params);
//this本類物件
this.addView(linearLayout);//只要重新新增View了自動換行了
return linearLayout;
}
}
MyOpenHelper 類 建立資料庫
import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
public class MyOpenHelper extends SQLiteOpenHelper {
public MyOpenHelper(Context context) {
super(context, "mydata", null, 1);
}
@Override
public void onCreate(SQLiteDatabase db) {
db.execSQL("create table liu(id Integer primary key autoincrement,name text)");
}
@Override
public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
}
}
封裝Dao層 增刪改查
import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.widget.Toast;
import java.util.ArrayList;
public class MyDao {
private MyOpenHelper helper;
private SQLiteDatabase mData;
private Context mContext;
public MyDao(Context context) {
mContext = context;
helper = new MyOpenHelper(context);
mData = helper.getWritableDatabase();
}
public void insertSqlite(String name) {
ContentValues contentValues = new ContentValues();
contentValues.put("name", name);
mData.insert("liu", null, contentValues);
Toast.makeText(mContext, "插入成功", Toast.LENGTH_SHORT).show();
}
public ArrayList<String> selectName() {
ArrayList<String> list = new ArrayList<>();
Cursor cursor = mData.query("liu", null, null, null, null, null, null, null);
while (cursor.moveToNext()) {
String name = cursor.getString(cursor.getColumnIndex("name"));
list.add(name);
}
return list;
}
public void delete() {
mData.execSQL("delete from liu");
}
}
呼叫類 處理功能
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
import com.example.day4.sqlitedemo.MyDao;
import com.example.day4.weight.MyFloatLayout;
import com.example.day4.weight.MyXHView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private String[] data = {"流感", "咳嗽", "過敏", "發燒", "感冒", "溼疹", "便祕", "痔瘡", "協和", "鼻炎", "失眠", "痛風", "上火", "腳氣", "抑鬱症", "性慾", "乳腺增生", "頭暈", "腰痛"};
private MyFloatLayout MyFloat_Layout;
private ArrayList<String> mList = new ArrayList<>();
private ArrayList<String> mHistory = new ArrayList<>();
private MyDao myDao;
private MyXHView header_View;
private ImageView delete_btn;
private MyFloatLayout MyFloat_Layout_History;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myDao = new MyDao(this);
mHistory = myDao.selectName();
initData();
initView();
if (!mHistory.isEmpty()) {
MyFloat_Layout_History.setData(mHistory);
}
}
private void initData() {
for (int i = 0; i < data.length; i++) {
mList.add(data[i]);
}
}
private void initView() {
header_View = (MyXHView) findViewById(R.id.header_View);
header_View.getCancel().setOnClickListener(this);
delete_btn = (ImageView) findViewById(R.id.delete_btn);
delete_btn.setOnClickListener(this);
MyFloat_Layout_History = (MyFloatLayout) findViewById(R.id.MyFloat_Layout_History);
MyFloat_Layout = (MyFloatLayout) findViewById(R.id.MyFloat_Layout);
MyFloat_Layout.setData(mList);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.cancel_text:
String name = header_View.getEditStr().trim();
//判空處理
if (name.equals("")) {
Toast.makeText(MainActivity.this, "輸入不能為空", Toast.LENGTH_SHORT).show();
} else {
myDao.insertSqlite(header_View.getEditStr().trim());
//自己封裝了一個方法刪除子控制元件
MyFloat_Layout_History.removeChildView();
mHistory.add(name);
MyFloat_Layout_History.setData(mHistory);
header_View.getEditSearch().setText("");
}
break;
case R.id.delete_btn:
myDao.delete();
MyFloat_Layout_History.removeChildView();
//記得清空歷史記錄
mHistory.clear();
break;
}
}
}
以上就是全部程式碼
專案路徑 原始碼