Android——自定义View之购物车的加减

Android——自定义View之购物车的加减

自定义控件的实现有三种方式，分别是：组合控件、自绘控件和继承控件。

（一）组合控件

　　组合控件，顾名思义就是将一些小的控件组合起来形成一个新的控件，这些小的控件多是系统自带的控件。

比如很多应用中普遍使用的标题栏控件，其实用的就是组合控件，那么下面将通过实现一个简单的标题栏自定

义控件来说说组合控件的用法。

（二）自绘控件

　　自绘控件的内容都是自己绘制出来的，在View的onDraw方法中完成绘制。下面就实现一个简单的计数器，

每点击它一次，计数值就加1并显示出来。

（三）继承控件

　　就是继承已有的控件，创建新控件，保留继承的父控件的特性，并且还可以引入新特性。下面就以支持横向滑动

删除列表项的自定义ListView的实现来介绍。

下面我们做一个案例

示例图：



1、自定义View的属性，首先在res/values/  下建立一个attrs.xml ， 在里面定义我们的属性和声明我们的整个样式。

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="AddDeleteViewStyle">
<attr name="left_text" format="string"/>
<attr name="right_text" format="string"/>
<attr name="middle_text" format="string"/>
</declare-styleable>

</resources>

我们定义了字体，字体颜色，字体大小3个属性，format是值该属性的取值类型:

一共有：string,color,demension,integer,enum,reference,float,boolean,fraction,flag;不清楚的可以google一把。

然后在布局中声明我们的自定义View

<?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" tools:context="com.bawei.com.myapplication.MainActivity"
android:orientation="vertical">
<com.bawei.com.myapplication.AddDeleteView
android:id="@+id/adv_main"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:left_text="减"
app:middle_text="3"
app:right_text="加"></com.bawei.com.myapplication.AddDeleteView>
</LinearLayout>

一定要引入xmlns:app="http://schemas.android.com/apk/res-auto"

2、在View的构造方法中，获得我们的自定义的样式

我们重写了3个构造方法，默认的布局文件调用的是两个参数的构造方法，所以记得让所有的构造调用我们的三个参数的构造，我们在三个参数的构造中获得自定义属性。

package com.bawei.com.myapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;

/**
* Created by WuXirui
* Create Time: 2017/11/1
* Description:
*/

public class AddDeleteView extends LinearLayout {

private OnAddDelClickListener listener;
private EditText et_number;

public void setOnAddDelClickListener(OnAddDelClickListener listener) {
if (listener != null) {
this.listener = listener;
}
}

interface OnAddDelClickListener{
void onAddClick(View v);
void onDelClick(View v);
}

public AddDeleteView(Context context) {
this(context,null);
}

public AddDeleteView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);

}

public AddDeleteView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView(context,attrs,defStyleAttr);
}
private void initView(Context context,AttributeSet attrs,int defStyleAttr){
View.inflate(context,R.layout.layout_add_delete,this);
Button but_add = findViewById(R.id.but_add);
Button but_delete = findViewById(R.id.but_delete);
et_number = findViewById(R.id.et_number);

TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AddDeleteViewStyle);
String left_text = typedArray.getString(R.styleable.AddDeleteViewStyle_left_text);
String middle_text = typedArray.getString(R.styleable.AddDeleteViewStyle_middle_text);
String right_text = typedArray.getString(R.styleable.AddDeleteViewStyle_right_text);
but_delete.setText(left_text);
but_add.setText(right_text);
et_number.setText(middle_text);
//释放资源
typedArray.recycle();

but_add.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
listener.onAddClick(view);
}
});
but_delete.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
listener.onDelClick(view);
}
});
}
/**
* 对外提供设置EditText值的方法
*/
public void setNumber(int number){
if (number>0){
et_number.setText(number+"");
}
}
/**
* 得到控件原来的值
*/
public int getNumber(){
int number = 0;
try {
String numberStr = et_number.getText().toString().trim();
number = Integer.valueOf(numberStr);
} catch (Exception e) {
number = 0;
}
return number;
}
}

MainActivity

package com.bawei.com.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;

public class MainActivity extends AppCompatActivity {
private static final String TAG = "MainActivity";
private AddDeleteView adv;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
adv = (AddDeleteView) findViewById(R.id.adv_main);

adv.setOnAddDelClickListener(new AddDeleteView.OnAddDelClickListener() {
@Override
public void onAddClick(View v) {
Log.i(TAG, "onAddClick: 执行");
int origin = adv.getNumber();
origin++;
adv.setNumber(origin);
}

@Override
public void onDelClick(View v) {
int origin = adv.getNumber();
origin--;
adv.setNumber(origin);
}
});
}
}

layout_add_delete.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
>
<Button
android:id="@+id/but_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:textSize="30dp"
/>
<EditText
android:id="@+id/et_number"
android:layout_width="100dp"
android:inputType="number"
android:layout_height="wrap_content"
android:gravity="center"

/>
<Button
android:id="@+id/but_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:textSize="30dp"
/>
</LinearLayout>
</LinearLayout>