[JAVA] So kehren Sie durch Wischen zum vorherigen Bildschirm zurück

Einführung

Lange nicht gesehen. Dieses Mal möchte ich etwas über SwipeBack erklären. IPhone hat diese Funktion im Standardbrowser, Android jedoch nicht. Unter Android ist es normal, die "Zurück-Taste" unten links zu drücken, um zum vorherigen Bildschirm zurückzukehren. Sie ist jedoch in Apps wie Gnocy und Smart News implementiert. Da ich eine Informationssystemanwendung erstelle, als ich sie tatsächlich implementierte, hielt ich es für bequemer, zurück zu wischen, und schrieb einen Artikel. Ich werde die URL veröffentlichen, wie sie tatsächlich aussieht. Wenn Sie es nicht wissen, überprüfen Sie sie bitte. https://media.giphy.com/media/3dcKwpfcH50vAITwWy/giphy.gif

Zunaechst

Öffnen Sie build.gradle (Modul: App) in Gradle Scripts

build.gradle

//Oberer Teil weggelassen

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    //noinspection GradleCompatible
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'

//Hier hinzufügen
    implementation 'com.r0adkll:slidableactivity:2.0.6'


    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

Bitte fügen Sie diesen Teil hinzu. Wenn Sie dies nicht zuerst hinzufügen, können Sie die ** Slider-Oberfläche **, die Sie später verwenden werden, nicht verwenden. Fügen Sie sie daher unbedingt hinzu. Ich verstehe die Grundlagen! !! Wenn Sie interessiert sind, überprüfen Sie bitte von STEP3.

SCHRITT 1 Platzieren Sie eine Schaltfläche in MainActivity

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/openActivity2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="Onclick"
        android:text="Open Activity 2"
        tools:ignore="OnClick" />
</LinearLayout>

LinearLayout ist ein Layout, das in einer horizontalen oder vertikalen Reihe angeordnet ist. Button platziert den Button.

SCHRITT 2 Erstellen Sie eine weitere Aktivität

Erstellen Sie eine weitere Aktivität. Nennen Sie es activity_one.xml.

activity_one.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".ActivityOne">
    <ImageView
        android:src="@drawable/another_activity_img"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

ImageView arrangiert das Bild für Sie. In diesem Fall wird das rote Bild angezeigt, das Sie selbst erstellt haben.

Ich bin bereit. Lass uns als nächstes gehen.

SCHRITT 3 Bearbeiten von MainActivity und ActivityOne

Aktivieren Sie die Schaltfläche in MainActivity.

ActivityMain.java

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btn = findViewById(R.id.openActivity2);
        btn.setOnClickListener(this);
    }

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

Durch Aktivieren von ** OnClick ** wechselt der Bildschirm zu Aktivität Eins. Um es ganz einfach zu erklären, können Sie mit ** Absicht ** vom aktuellen Bildschirm zu einem anderen Bildschirm wechseln. Wenn Sie sich bei der Absichtsverarbeitung nicht sicher sind, lesen Sie bitte hier.

https://techacademy.jp/magazine/2719

Als nächstes wird die erste Aktivität bearbeitet.

ActivityOne.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class ActivityOne extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_one);
    }
}

Jetzt haben Sie einen einfachen Bildschirmübergang.

Hier ist die Erklärung. In "Einführung" implementation 'com.r0adkll:slidableactivity:2.0.6' Durch Hinzufügen können Sie eine Klasse namens SliderInterface verwenden. Ich werde es in ActivityOne beschreiben.

ActivityOne.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.transition.Slide;
import android.view.View;

import com.r0adkll.slidr.Slidr;
import com.r0adkll.slidr.model.SlidrInterface;


public class ActivityOne extends AppCompatActivity {
//Hier hinzufügen
    private SlidrInterface slidr;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_one);
//Hier hinzufügen
        slidr = Slidr.attach(this);
    }
}

SCHRITT 4 Bearbeiten Sie styles.xml und manifestems.xml

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
//Von hier aus hinzufügen
    <style name="AppTheme.SlidrActivityTheme" parent="AppTheme">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
    </style>
</resources>

Zum Schluss bearbeiten Sie die Datei manifestems.xml und fertig.

manimests.xml

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".ActivityOne"
            android:theme="@style/AppTheme.SlidrActivityTheme"/> 

    </application>

Fügen Sie das zuvor erstellte Thema SliderActivityTheme zu **. ActivityOne ** hinzu, und Sie sind fertig.

slidr = Slidr.attach(this);

Ich konnte diesen Teil nicht gut erklären. Wenn jemand weiß, bitte kommentieren. Später möchte ich die Quelle auf github veröffentlichen.

Die Site-URL, auf die ich mich dieses Mal bezogen habe https://www.youtube.com/watch?v=h-74bLrng2M

Es war leicht zu verstehen, da es durch Befolgen des Verfahrens mit einem Video erstellt wurde.