过渡中的片段和透明背景

Fragment and transparent background in transition

好的,我要实现的是 ET-Money android 应用程序的以下行为: 单击 2016 年 12 月微调器时,会出现一个向下滑动屏幕并使背景 view/layout 可见性变暗的视图。

到目前为止,我所做的是创建一个片段(具有透明的深色背景),它与当前 activity 布局重叠,并在点击时添加了一个幻灯片过渡。

但这不是我需要的确切行为,因为这样整个深色透明布局的片段在当前 activity 上滑动,我需要的是背景布局淡入黑色而不是滑入与片段布局。 (和原来的应用程序一样,activity 中只是白色背景的日期选择视图滑动,背景同时淡化)

我怎样才能达到要求的行为?

主要活动:

public class MainActivity extends AppCompatActivity {

    public Button clickme;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);
        final android.app.Fragment fragment = this.getFragmentManager().findFragmentById(R.id.menuFragment);
        this.getFragmentManager().beginTransaction().hide(fragment).commit();

        clickme = (Button) findViewById(R.id.clickme);
        clickme.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Toast.makeText(getApplicationContext(), "clicked", Toast.LENGTH_SHORT).show();
                FragmentManager fragmentManager = getFragmentManager();
                android.app.FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
                fragmentTransaction.setCustomAnimations(R.animator.slide_up, 0);
                fragmentTransaction.show(fragment).commit();

            }
        });


    }
}

activity_main.xml :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.example.svatts.testapp.MainActivity">

    <FrameLayout
        android:id="@+id/scene_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/back"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <Button
                android:id="@+id/clickme"
                android:layout_width="40dp"
                android:layout_height="50dp"
                android:text="click me" />
        </FrameLayout>


        <fragment
            android:id="@+id/menuFragment"
            android:name="com.example.svatts.testapp.MyFrag"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal" />
    </FrameLayout>


</RelativeLayout>

MyFrag.java :

public class MyFrag extends Fragment {

    Button button ;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.firstfrag,container,false);

        button = (Button)view.findViewById(R.id.butt);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // strart other fragment
                Toast.makeText(getActivity(),"clicked here",Toast.LENGTH_SHORT).show();
            }
        });

        return view;
    }
}

firstfrag.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#aa000000">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="THIS IS TEST BRP" />

    <TextView
        android:id="@+id/uo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="150dp"
        android:text="THIS IS UUOO" />

    <Button
        android:id="@+id/butt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/uo"
        android:text="Click Me" />
</RelativeLayout>

感谢 fisher3421 的唯一评论,终于通过使用 DialogFragment.

获得了所需的行为

以下是工作代码:

主要活动:

public class MainActivity extends AppCompatActivity {

    public Button clickme;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        clickme = (Button) findViewById(R.id.clickme);
        clickme.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Toast.makeText(getApplicationContext(), "clicked", Toast.LENGTH_SHORT).show();

                FragmentManager  fm = getSupportFragmentManager();
                // FragmentTransaction ft = fm.beginTransaction();
                MyFrag dFragment = new MyFrag();
                // Show DialogFragment
                dFragment.show(fm, "Dialog Fragment");
            }
        });


    }

}

MyFrag.java (DialogFragment)

public class MyFrag extends DialogFragment {

    Button button ;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.firstfrag, container,
                false);
        getDialog().setTitle("DialogFragment Tutorial");

       // getDialog().setCanceledOnTouchOutside(true);
        // Do something else
        return rootView;
    }

@Override
public Dialog onCreateDialog(Bundle savedInstanceState)
{
    final Dialog dialog = super.onCreateDialog(savedInstanceState);
    dialog.getWindow().getAttributes().windowAnimations = R.style.detailDialogAnimation;
    return dialog;
}

    @Override
    public void onStart()
    {
        super.onStart();

        // safety check
        if (getDialog() == null)
            return;

        int dialogWidth = 700; // specify a value here
        int dialogHeight = 600 ; // specify a value here

        getDialog().getWindow().setLayout(dialogWidth, dialogHeight);

        // ... other stuff you want to do in your onStart() method
    }

}

anim_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="100"

        android:fromYDelta="-300"

        android:toYDelta="0" />

</set>

anim_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="100"

        android:fromYDelta="0"

        android:toYDelta="-300" />

</set>