将前景色和中央图标添加到可点击视图

Question

我正在努力实现这样的目标！ Alternative to check box 我该如何实现？

我尝试创建一个带有中央图标和透明背景的可绘制对象，但当可绘制对象设置为视图前景时，图标会缩放以填充视图。

此外 api 级别低于 23

也不支持 setForground 方法

我打算在单击视图时动态实现此目的。请帮忙！！！

Answer 1

您应该在您的视图上添加一个与父尺寸相匹配的透明视图，并在其中心添加一个图像视图。您可以调整透明度级别以获得所需的效果

Answer 2

要实现此视图，请使用 相对布局，如下面的代码

<?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"
android:gravity="center"
android:orientation="vertical">


<RelativeLayout
    android:layout_width="90dp"
    android:layout_height="120dp">

    <ImageView
         android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/demo_img_4" />

    <LinearLayout
        android:id="@+id/transp_ll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#30000000"
        android:gravity="center">

        <ImageView
             android:id="@+id/delete_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_delete_black_24dp" />
    </LinearLayout>
</RelativeLayout>
</LinearLayout>

MainActivity.java

  @Override
 protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //initialize views
    setContentView(R.layout.activity_main);
    image_view = findViewById(R.id.image_view);
    delete_btn = findViewById(R.id.delete_btn);
    transp_ll = findViewById(R.id.transp_ll);

    //set transparent layout visibility gone
    transp_ll.setVisibility(View.GONE);

    //set click listener
    image_view.setOnClickListener(this);
    delete_btn.setOnClickListener(this);
}

@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.delete_btn:
            //write here delete button click functionality..
            transp_ll.setVisibility(View.GONE);
            break;
        case R.id.image_view:
            transp_ll.setVisibility(View.VISIBLE);
            break;
    }
}

将前景色和中央图标添加到可点击视图

Add foreground color and central icon to clickable view

android

android-layout

click

android-drawable