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

2022-08-16 14:02:32 阅读：357 来源： 互联网

标签：返回 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
来源： https://www.cnblogs.com/smile908/p/16591292.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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