片段和过渡中的透明背景

时间:2016-12-20 12:30:29

标签: android android-fragments animation android-animation android-transitions

好的我想要实现的是ET-Money安卓应用程序中的以下行为: 在点击2016年12月的微调器时,会有一个视图向下滑动屏幕并使背景视图/布局可见性变暗。

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

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

我如何实现所需的行为?

enter image description here

enter image description here

MainActivity:

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>

1 个答案:

答案 0 :(得分:0)

感谢 fisher3421 的唯一评论,最后通过 DialogFragment 获得了所需的行为。

以下是工作代码:

MainActivity:

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>