簡體   English   中英

如何在Android中使用ViewPager時在片段之間傳遞值

[英]How to pass values between fragments while using a viewpager in android

我正在創建一個分為三個片段的注冊表單,這三個片段由viewpager連接。我可以使用next和next按鈕遍歷片段,我希望第一個片段和第二個片段中的數據可用於第三個片段。一個選項是使用sharedpreferences,還有其他方法嗎?

主班:

package pl.looksok.viewpagerdemo;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

public class MainActivity extends FragmentActivity {
    ViewPager pager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        MyPagerAdapter pageAdapter = new MyPagerAdapter(getSupportFragmentManager());
         pager = (ViewPager)findViewById(R.id.myViewPager);
        pager.setAdapter(pageAdapter);



    }
    public void selectFragment(int position){
    pager.setCurrentItem(position, true); 
    // true is to animate the transaction
    }
}

主要xml

<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="match_parent"
    tools:context=".MainActivity" >

    <pl.looksok.viewpagerdemo.CustomViewPager
        android:id="@+id/myViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

第一個片段:

package pl.looksok.viewpagerdemo;

import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;

public class FragmentBlue extends Fragment {
Button btnnext1;
RelativeLayout frag1;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_blue, container, false);
        btnnext1=(Button) view.findViewById(R.id.btnnext1);
        frag1=(RelativeLayout) view.findViewById(R.id.frag1);

        btnnext1.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View view) {


                ((MainActivity)getActivity()).selectFragment(1);
            }
        });

        return view;
    }
}

第一個xml:

<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="match_parent"
    android:background="#4ECDC4"
    android:id="@+id/frag1"
    >

<Button
    android:id="@+id/btnnext1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="NEXT" />

<EditText
    android:id="@+id/txtfname"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtmname"
    android:layout_alignParentTop="true"
    android:ems="10"
    android:hint="FIRST NAME" >

    <requestFocus />
</EditText>

<EditText
    android:id="@+id/txtmname"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/txtfname"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="24dp"
    android:ems="10"
    android:hint="MIDDLE NAME" />

<EditText
    android:id="@+id/txtlname"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtmname"
    android:layout_below="@+id/txtmname"
    android:layout_marginTop="23dp"
    android:ems="10"
    android:hint="LAST NAME" />

<EditText
    android:id="@+id/txtdob"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtlname"
    android:layout_centerVertical="true"
    android:ems="10"
    android:hint="DOB" />

</RelativeLayout>

第二個片段:

package pl.looksok.viewpagerdemo;

import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;

public class FragmentGreen extends Fragment {
Button btnnext2,btnprev2;
RelativeLayout frag2;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_green, container, false);
        btnnext2=(Button) view.findViewById(R.id.btnnext2);
        btnprev2=(Button) view.findViewById(R.id.btnprev2);
        frag2=(RelativeLayout) view.findViewById(R.id.frag2);
        btnnext2.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View view) {


                ((MainActivity)getActivity()).selectFragment(2);

            }
        });
        btnprev2.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                ((MainActivity)getActivity()).selectFragment(0);

            }
        });
        return view;
    }
}

第二個片段的xml:

<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="match_parent"
    android:background="#C7F464"
    android:id="@+id/frag2"
    >
<Button
    android:id="@+id/btnnext2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginRight="60dp"
    android:text="NEXT" />

<Button
    android:id="@+id/btnprev2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_marginRight="68dp"
    android:layout_toLeftOf="@+id/btnnext2"
    android:text="PREV" />

<EditText
    android:id="@+id/txtgender"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignRight="@+id/btnnext2"
    android:ems="10"
    android:hint="GENDER" />

<EditText
    android:id="@+id/txtmaritalstatus"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtgender"
    android:layout_below="@+id/txtgender"
    android:layout_marginTop="24dp"
    android:ems="10"
    android:hint="MARITAL STATUS" >

    <requestFocus />
</EditText>

<EditText
    android:id="@+id/txtoccupation"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtmaritalstatus"
    android:layout_below="@+id/txtmaritalstatus"
    android:layout_marginTop="23dp"
    android:ems="10"
    android:hint="OCCUPATION" />

<EditText
    android:id="@+id/txtusername"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtoccupation"
    android:layout_centerVertical="true"
    android:ems="10"
    android:hint="USERNAME" />

<EditText
    android:id="@+id/txtpassword"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/txtusername"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="40dp"
    android:ems="10"
    android:hint="PASSWORD"
    android:inputType="textPassword" />

</RelativeLayout>

第三個片段:

package pl.looksok.viewpagerdemo;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.support.v4.app.Fragment;

public class FragmentPink extends Fragment {
Button btnnext3,btnprev3;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_pink, container, false);
        btnnext3=(Button) view.findViewById(R.id.btnnext3);
        btnprev3=(Button) view.findViewById(R.id.btnprev3);
        btnnext3.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {


            }
        });
        btnprev3.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                ((MainActivity)getActivity()).selectFragment(1);

            }
        });
        return view;
    }
}

第三個片段的xml:

<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="match_parent"
    android:background="#FF6B6B">

<Button
    android:id="@+id/btnnext3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="NEXT" />
<Button
    android:id="@+id/btnprev3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="PREV" />

<EditText
    android:id="@+id/txtaddress"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:ems="10"
    android:hint="ADDRESS" >

    <requestFocus />
</EditText>

<EditText
    android:id="@+id/txtdistrict"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/txtaddress"
    android:layout_below="@+id/txtaddress"
    android:layout_marginTop="30dp"
    android:ems="10"
    android:hint="DISTRICT" />

<EditText
    android:id="@+id/txtstate"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/txtdistrict"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="41dp"
    android:ems="10"
    android:hint="STATE" />

<EditText
    android:id="@+id/txtpincode"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/txtstate"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="50dp"
    android:ems="10"
    android:hint="PINCODE" />

</RelativeLayout>

適配器:

package pl.looksok.viewpagerdemo;

import java.util.ArrayList;
import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyPagerAdapter extends FragmentPagerAdapter {

    private List<Fragment> fragments;

    public MyPagerAdapter(FragmentManager fm) {
        super(fm);
        this.fragments = new ArrayList<Fragment>();
        fragments.add(new FragmentBlue());
        fragments.add(new FragmentGreen());
        fragments.add(new FragmentPink());
    }

    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }
}

我還創建了一個具有字符串值的類。我想知道是否可以創建一個對象並將字段設置為該對象的屬性

帶有字段的類:

package pl.looksok.viewpagerdemo;

import java.io.Serializable;

public class RegistrationValues implements Serializable {

    String fname;
    String mname;
    String lname;
    String dob;
    String gender;
    String marital_status;
    String occupation;
    String username;
    String password;
    String address;
    String district;
    String state;
    String pincode;
    String nationality;
    String email;
    String phno;
    String bank_acno;
    String bank_branch;
    String bank_ifsc;
    String bank_swift;

}

因此,問題是如何在不使用Sharedpreferences的情況下將第一個和第二個片段中的值傳遞到最后一個片段。

一種簡單的方法是讓RegistrationValues實例駐留在您的MainActivity實例中:

public class MainActivity extends FragmentActivity {
    ViewPager pager;
    RegistrationValues values; //add this
    public RegistrationValues getValues() { //add this
        return values; //add this
    }; //add this

在您的片段中,使用((MainActivity) getActivity()).getValues()更新值並實際獲取第三個片段中的值。

注意:您可能應該將values實例保存在MainActivityonSaveInstance然后將其還原到MainActivityonCreate

我認為對於片段之間傳遞的值,您可以使用偵聽器和調度程序模式以及單例模式,這將管理偵聽器和調度程序,因為片段不是活動,並且您不能通過Intent傳遞值。

一個非常常見的模式是讓片段提供一個接口,通過該接口可以將值傳遞給它們,並使用包含活動作為中心。 要查看此示例,請使用Eclipse或Android Studio實例化一個新的Master / Detail Flow活動,並查看ListActivity的代碼。

但是我認為在這種情況下,您可能不想這樣做。 您的數據記錄看起來像您想要在持久層(模型)中維護的東西,可能通過服務(控制器)進行變異,並根據需要拉入片段(視圖)。 將UI與業務邏輯分開,並使用適配器使數據保持同步。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM