Android如何使布局的背景图片具有响应性？

Question

我是Android的新手。

我正在创建一个速度表应用程序，我想将仪表的特定图像附加为数字文本的背景。我已经附上了我为预览而编写的代码。

我已经将所需接口的图像和xml预览的图像附加了代码。

如何使布局更具响应性？

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="10dp"
android:background="@color/background"
tools:context=".fragment.Tab2">

<!-- TODO: Update blank fragment layout -->
<ScrollView
    android:id="@+id/digitalView"
    android:layout_width="wrap_content"
    android:layout_centerInParent="true"

    android:scrollbars="none"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_text"
        android:gravity="center"
        >
        <TextView
            android:layout_width="wrap_content"
            android:id="@+id/speedTextDigital"
            android:textColor="@android:color/white"
            android:text="00"
            android:maxLength="3"
            android:textSize="90sp"
            android:gravity="center"
            android:layout_height="wrap_content"

            />

        <TextView

            android:id="@+id/unit"
            android:layout_marginTop="0dp"
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="KM/H"
            android:textSize="30sp"
            android:textColor="@android:color/white"/>
    </LinearLayout>

    </ScrollView>

</RelativeLayout>

我要制作的

UI：

我现在得到的

UI：

Answer 1

如果要使背景图片可点击，则需要执行以下步骤：

1。将id添加到视图中，假设您正在使用ImageView：

 <ImageView
    android:layout_width="match_parent"
    android:id="@+id/image_to_click"
    android:layout_height="match_parent"
    android:src="@drawable/xxx"
    android:scaleType="centerCrop"
    />

2。接下来转到您的活动（与您添加视图的布局有关）并实现onClickListener界面：

public class MainActivity extends AppCompatActivity implements View.OnClickListener

3。现在，您必须实现其方法：

 @Override
public void onClick(View view) {      
    switch (view.getId()) {

      case R.id.image_to_click:  /*this is id from xml file (layout)*/
          /*put action you want to get after clicking on image*/
          break; 
     } 
  }

4。最后，将这两个方法添加到Activity的onCreate方法中：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      imageView=findViewById(R.id.image_to_click);
      advancedButton.setOnClickListener(this); }

这将完成工作，这不是处理视图单击的唯一方法，但大多数情况下都是类似的。