自定义组合控件实现购物车加减的简单实现

简单实现购物车加减

效果图

一、技术要求：

组合式自定义控件的实现

二、业务逻辑需求：

1.创建组合式自定义控件

2.实现图中合理布局

3.实现点击加号减号后商品数量改变的逻辑

4.商品数量最小不能少于1，最大不能多余5

5.使用静态代理设计模式把商品数量回调到Activity中并打印

首先在values文件下创建一个attrs样式

attrs样式

[html]view plain copy
<?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>  

布局

activity——main

[html]view plain copy

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
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:padding="10dp"
>
<LinearLayout
android:id="@+id/ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="2"
>
<ImageView
android:id="@+id/imageView"
android:layout_width="120dp"
android:layout_height="120dp"
android:src="@drawable/gouwuche2"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:weightSum="2"
>
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher"
android:padding="5dp"
android:layout_marginTop="20dp"

android:text="

不一样的美女，不一样的价格，亮瞎你的眼。

```
"  
```
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="2"
>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#f00"
android:text="105000.00"
/>
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="库存3000件"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/lll"
android:layout_below="@+id/ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="10dp"
android:weightSum="2"
>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="购买数量"
android:layout_gravity="center"
/>
<com. 此处换成自己的包名引入.JiaJianQi
android:id="@+id/adv_main"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
app:left_text="－"
app:middle_text="1"
app:right_text="＋">
</com. 此处换成自己的包名引入.JiaJianQi>
</LinearLayout>
<Button
android:layout_below="@id/lll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="加入购物车"
android:layout_marginTop="20dp"
android:background="@android:color/holo_orange_light"
/>
<Button
android:layout_below="@id/lll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="立即购买"
android:layout_marginLeft="260dp"
android:layout_marginTop="20dp"
android:background="@android:color/holo_orange_light"
/>
</RelativeLayout>

item_add_delete

[html]view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    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="50dp"  
            android:layout_height="50dp"  
            android:text="-"  
            android:textSize="20dp"  
            android:background="@android:color/holo_orange_light"  
            />  
        <EditText  
            android:id="@+id/et_number"  
            android:layout_width="50dp"  
            android:inputType="number"  
            android:layout_height="wrap_content"  
            android:gravity="center"  
  
            />  
        <Button  
            android:id="@+id/but_add"  
            android:layout_width="50dp"  
            android:layout_height="50dp"  
            android:text="+"  
            android:textSize="20dp"  
            android:background="@android:color/holo_orange_light"  
            />  
    </LinearLayout>  
</LinearLayout>  

MainActivity

[html]view plain copy
   
import android.os.Bundle;  
import android.support.v7.app.AppCompatActivity;  
import android.util.Log;  
import android.view.View;  
import android.widget.Toast;  
public class MainActivity extends AppCompatActivity {  
    private static final String TAG = "MainActivity";  
    private JiaJianQi adv;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
         setContentView(R.layout.activity_main);  
        initView();  
    }  
    private void initView() {  
        adv = (JiaJianQi) findViewById(R.id.adv_main);  
        adv.OnJiaJianClickListener(new JiaJianQi.OnJiaJianClickListener() {  
            @Override  
            public void onAddClick(View v) {  
                Log.i(TAG, "onAddClick: 执行");  
                int origin = adv.getNumber();  
                if(origin<=4){  
                origin++;  
                Toast.makeText(MainActivity.this, "最多不能多于5个", Toast.LENGTH_SHORT).show();  
                adv.setNumber(origin);  
                }  
            }  
            @Override  
            public void onDelClick(View v) {  
                int origin = adv.getNumber();  
                if(origin==1){  
                origin--;  
                Toast.makeText(MainActivity.this, "最少不能小于1个", Toast.LENGTH_SHORT).show();  
                adv.setNumber(origin);  
                }  
            }  
        });  
    }  
}  

JiaJianQi自定义类

[html]view plain copy
   
import android.content.Context;  
import android.content.res.TypedArray;  
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;  
public class JiaJianQi extends LinearLayout{  
   private OnJiaJianClickListener listener;  
    private EditText ed_number;  
    private String numberStr;  
  
    public void OnJiaJianClickListener(OnJiaJianClickListener listener) {  
        if(listener!=null){  
            this.listener = listener;  
        }  
    }  
    public interface OnJiaJianClickListener{  
        void onAddClick(View v);  
        void onDelClick(View v);  
    }  
    public JiaJianQi(Context context) {  
        this(context,null);  
    }  
  
    public JiaJianQi(Context context, @Nullable AttributeSet attrs) {  
        this(context, attrs,0);  
    }  
  
    public JiaJianQi(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.item_add_delete,this);  
        Button but_add=findViewById(R.id.but_add);  
        Button but_delete=findViewById(R.id.but_delete);  
        ed_number=findViewById(R.id.et_number);  
          
        //styleable.AddDeleteViewStyle它是attrs里的样式  
        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);  
        ed_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){  
            ed_number.setText(number+"");  
        }  
    }  
    /**  
     * 得到控件原来的值  
     */  
    public int getNumber(){  
        int number = 0;  
        try {  
            numberStr = ed_number.getText().toString().trim();  
            number = Integer.valueOf(numberStr);  
        } catch (Exception e) {  
            number = 0;  
        }  
        return number;  
    }  
}  

自定义组合控件实现 购物车加减的简单实现

猜你喜欢

自定义组合控件实现购物车加减的简单实现