首页 > 其他分享 >论应用首页的返回按钮的设计

论应用首页的返回按钮的设计

时间:2022-08-16 13:56:15浏览次数:56  
标签:返回 layout id return 首页 按钮 import android drawable

1:页面布局就一个返回的图标,使用的是imageView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".LoginActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<ImageView
android:id="@+id/return_button"
//自定义控件建议自己设置控件的宽度和高度
android:layout_width="39dp"
android:layout_height="33dp"
//设置背景颜色
android:background="@drawable/bth_ripple_mask"
android:clickable="true"
//设置的图标样式,一个svg形式的返回控件
app:srcCompat="@drawable/ic_resource_return" />
</LinearLayout>
</LinearLayout>

@drawable/bth_ripple_mask的样式
<?xml version="1.0" encoding="utf-8"?>
<ripple
xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@android:color/darker_gray"><!--点击之后的颜色 必须要-->
<item
android:id="@android:id/mask"
android:drawable="@android:color/white"/>
</ripple>

@drawable/ic_resource_return图标的设计
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="48"
android:viewportHeight="48">
<path
android:pathData="M12.9998,8L6,14L12.9998,21"
android:strokeLineJoin="round"
android:strokeWidth="4"
android:fillColor="#00000000"
android:strokeColor="#333"
android:strokeLineCap="round"/>
<path
android:pathData="M6,14H28.9938C35.8768,14 41.7221,19.6204 41.9904,26.5C42.2739,33.7696 36.2671,40 28.9938,40H11.9984"
android:strokeLineJoin="round"
android:strokeWidth="4"
android:fillColor="#00000000"
android:strokeColor="#333"
android:strokeLineCap="round"/>
</vector>

最后一步,登陆逻辑的实现
package com.example.example;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;

public class LoginActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
//写返回功能
ImageView backOfBirthday = (ImageView) findViewById(R.id.return_button);
backOfBirthday.setOnClickListener(new View.OnClickListener()

{
@Override
public void onClick (View v){
Intent intentReturnUp = new Intent(LoginActivity.this, MainActivity.class);
startActivity(intentReturnUp);
}
});
}
}


标签:返回,layout,id,return,首页,按钮,import,android,drawable
From: https://www.cnblogs.com/smile908/p/16591292.html

相关文章