效果图如下:
源代码如下:
首先要定义一个value值
<resources>
<declare-styleable name="AddDeleteViewStyle">
<attr name="left_text" format="string"></attr>
<attr name="right_text" format="string"></attr>
<attr name="middle_text" format="string"></attr>
</declare-styleable>
</resources>
布局页面
第一个布局页面
<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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.wode.MainActivity"
android:orientation="vertical">
<com.example.wode.AddDeleteView
android:id="@+id/adv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:left_text="减"
app:right_text="加"
app:middle_text="3"
>
</com.example.wode.AddDeleteView>
<com.example.wode.MyView
android:layout_width="200dp"
android:layout_height="200dp"
android:background="#00ff00"
/>
</LinearLayout>
第二个页面布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_delete"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:gravity="center"
android:background="#978f8f"
android:text="-"
/>
<EditText
android:id="@+id/et_number"
android:layout_weight="2"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:gravity="center"
android:background="#d60f0f"
android:text="1"
/>
<TextView
android:id="@+id/tv_add"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:gravity="center"
android:background="#978f8f"
android:text="+"
/>
</LinearLayout>
接下来是main页面的内容
像素转换的页面
public class DensityUtil { /** * 根据手机的分辨率从 dp 的单位 转成为 px(像素) */ public static int dip2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } /** * 根据手机的分辨率从 px(像素) 的单位 转成为 dp */ public static int px2dip(Context context, float pxValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); } }自定义view的页面
public class MyView extends View{ public MyView(Context context) { this(context,null); } public MyView(Context context, @Nullable AttributeSet attrs) { this(context, attrs,0); } public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); paint.setColor(Color.BLUE); paint.setStyle(Paint.Style.STROKE); canvas.drawCircle(DensityUtil.dip2px(getContext(),100),DensityUtil.dip2px(getContext(),100),DensityUtil.dip2px(getContext(),100),paint); } }接下来比较重要的LinearLayout的页面
public class AddDeleteView extends LinearLayout { private OnAddDelClickListener listener; private EditText etNumber; 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.add_delete,this); TextView tvAdd =(TextView)findViewById(R.id.tv_add); TextView tvDel =(TextView)findViewById(R.id.tv_delete); etNumber = findViewById(R.id.et_number); TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AddDeleteViewStyle); String leftText = typedArray.getString(R.styleable.AddDeleteViewStyle_left_text); String rightText = typedArray.getString(R.styleable.AddDeleteViewStyle_right_text); String middleText = typedArray.getString(R.styleable.AddDeleteViewStyle_middle_text); tvAdd.setText(rightText); tvDel.setText(leftText); etNumber.setText(middleText); typedArray.recycle(); tvAdd.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { listener.onAddClick(view); } }); tvDel.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { listener.onDelClick(view); } }); } interface OnAddDelClickListener{ void onAddClick(View v); void onDelClick(View v); } public void setOnAddDelClickListener(OnAddDelClickListener listener){ if(listener!=null){ this.listener=listener; } } public void setNumber(int number){ if(number>0){ etNumber.setText(number+""); } } public int getNumber(){ int number = 0; try { String numberStr = etNumber.getText().toString().trim(); number = Integer.parseInt(numberStr); } catch (NumberFormatException e) { e.printStackTrace(); } return number; } }最后一个MainActivity页面
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); setContentView(R.layout.activity_main); final AddDeleteView adv= (AddDeleteView) findViewById(R.id.adv); adv.setOnAddDelClickListener(new AddDeleteView.OnAddDelClickListener() { @Override public void onAddClick(View v) { int number = adv.getNumber(); number++; adv.setNumber(number); } @Override public void onDelClick(View v) { int number = adv.getNumber(); number--; adv.setNumber(number); } }); } }