android xml 自定义带角度左上角返回箭头
时间: 2023-07-18 12:07:52 浏览: 164
要实现带角度的左上角返回箭头,可以使用自定义的 drawable 和 ImageView。
首先,创建一个名为 `ic_arrow_back.xml` 的 drawable 文件,代码如下:
```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0"
android:tint="?attr/colorControlNormal">
<path
android:fillColor="@android:color/transparent"
android:pathData="M20,11H7.83l5.59,-5.59c0.39,-0.39 0.39,-1.02 0,-1.41s-1.02,-0.39 -1.41,0L2.39,11l9.41,9.41c0.39,0.39 1.02,0.39 1.41,0s0.39,-1.02 0,-1.41L7.83,13H20c0.55,0 1,-0.45 1,-1s-0.45,-1 -1,-1z"/>
<rotate
android:fromDegrees="-45"
android:pivotX="0"
android:pivotY="0">
<path
android:fillColor="?attr/colorControlNormal"
android:pathData="M20,11H7.83l5.59,-5.59c0.39,-0.39 0.39,-1.02 0,-1.41s-1.02,-0.39 -1.41,0L2.39,11l9.41,9.41c0.39,0.39 1.02,0.39 1.41,0s0.39,-1.02 0,-1.41L7.83,13H20c0.55,0 1,-0.45 1,-1s-0.45,-1 -1,-1z"/>
</rotate>
</vector>
```
这个 drawable 文件包含了一个带角度的箭头图像。接下来,在布局文件中使用 ImageView 来显示这个 drawable:
```xml
<ImageView
android:id="@+id/back_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_arrow_back"
android:contentDescription="@string/back_button_description"/>
```
最后,在 Activity 中设置返回按钮的点击事件:
```java
ImageView backButton = findViewById(R.id.back_button);
backButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
onBackPressed();
}
});
```
这样就完成了自定义带角度左上角返回箭头的实现。
阅读全文