Android全屏对话框回调问题

时间:2015-06-06 15:03:58

标签: android android-fragments android-dialogfragment

我无法绕过某些东西,但让我先描述一下我的设置:

flow

我有一个引用3个片段的活动,每个片段都会在正确的时间显示出来。这就是ChildrenSpecificationFragment的外观:

如果用户单击浮动操作按钮,则会打开以下DialogFragment:

我在新的材料设计指南中找到了以下信息:https://www.google.com/design/spec/components/dialogs.html#dialogs-full-screen-dialogs

  

避免使用以下对话框:   从对话框中打开其他对话框。   包含滚动内容,尤其是警报。相反,请考虑为阅读或与大量内容进行交互而优化的备用容器或布局。

     

例外情况包括:全屏对话框可能会打开其他对话框,例如选择器,因为它们的设计可以容纳额外的材料层,而不会显着增加应用程序感知的z深度或视觉噪音。

这是我的问题开始的地方。 “添加子项”对话框具有可滚动内容(在横向模式下),当用户点击“出生日期”时,日期选择器会打开。

我正在尝试找到一种实现全屏对话框(如指南中)的方法,该对话框具有对ChildrenSpecificationFragment的回调,以便我可以将子项添加到RecyclerView。

我希望我的探索是明确的,并且非常感谢能够引导我找到解决方案的任何意见。在此先感谢!

4 个答案:

答案 0 :(得分:3)

TL; DR - DialogFragment不足以完全全屏。请改用活动。

可以制作DialogFragment全屏(显示ActionBar),但会有很多烦恼。

DialogFragment,顾名思义,DialogFragment合二为一:Dialog可以使用show()和} dismiss(),或Fragment,与FragmentManager一起使用。

作为official documentation suggests,通过将对话框附加到根视图android.R.id.content来实现完全全屏对话(覆盖所有内容):

public void showDialog() {
    FragmentManager fragmentManager = getSupportFragmentManager();
    CustomDialogFragment newFragment = new CustomDialogFragment();

    if (mIsLargeLayout) {
        // The device is using a large layout, so show the fragment as a dialog
        newFragment.show(fragmentManager, "dialog");
    } else {
        // The device is smaller, so show the fragment fullscreen
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        // For a little polish, specify a transition animation
        transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
        // To make it fullscreen, use the 'content' root view as the container
        // for the fragment, which is always the root view for the activity
        transaction.add(android.R.id.content, newFragment)
                   .addToBackStack(null).commit();
    }
}

要让对话框显示在ActionBar下方,需要使用FrameLayout代替根布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.design.widget.CoordinatorLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <!-- Use ThemeOverlay to make the toolbar and tablayout text
                 white -->
            <android.support.design.widget.AppBarLayout
                android:id="@+id/abl_top"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:fitsSystemWindows="true"
                    android:layout_height="wrap_content"
                    android:layout_width="match_parent"
                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                    app:layout_scrollFlags="scroll|enterAlways"/>

            </android.support.design.widget.AppBarLayout>
        </android.support.design.widget.CoordinatorLayout>

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

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_view"/>

</android.support.v4.widget.DrawerLayout>

现在来了痛苦。

根据应用程序主导航的设置方式,需要跳过不同的环,以使一切运行正常。

上面的例子有一个NavigationView。由于在主视图中处理主页按钮android.R.id.home,因此需要一些逻辑来检查我们的对话框是否显示,以便主页按钮(现在是X)将关闭对话框。在这里返回false允许在对话框中处理事件。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            FragmentManager fm = getSupportFragmentManager();
            Fragment f = fm.findFragmentById(R.id.content);
            if (f instanceof MyDialogFragment) {
                return false;
            }
            mDrawerLayout.openDrawer(GravityCompat.START);
            return true;
    }
    return super.onOptionsItemSelected(item);
}

此外,后退按钮需要类似的逻辑来确定NavigationView是否需要关闭或ActionBar内容重置。

@Override
public void onBackPressed() {
    if (mDrawerLayout.isDrawerOpen(GravityCompat.START)) {
        mDrawerLayout.closeDrawer(GravityCompat.START);
    } else {
        FragmentManager fm = getSupportFragmentManager();
        Fragment f = fm.findFragmentById(R.id.content);
        if (f instanceof MyDialogFragment) {
            final ActionBar ab = getSupportActionBar();
            ab.setHomeAsUpIndicator(R.drawable.ic_menu);
            ab.setTitle(R.string.app_name);
        }
        super.onBackPressed();
    }
}

DialogFragment本身,需要实现关闭对话框(以及滥用ActionBar)的逻辑。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            if (mActionBar != null) {
                mActionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
                mActionBar.setTitle(R.string.app_name);
            }
            getActivity().getSupportFragmentManager().popBackStack();
       case R.id.action_save:
            if (mOnAcceptListener != null) {
                mOnAcceptListener.onAccept();
            }
            if (mActionBar != null) {
                mActionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
                mActionBar.setTitle(R.string.app_name);
            }
            getActivity().getSupportFragmentManager().popBackStack();
            return true;
    }
    return super.onOptionsItemSelected(item);
}

这真是感觉kludgy。当然,如果您使用的是TabLayout,请忘记我刚刚说过的所有内容。

使用TabLayout,您可以处理DialogFragment中的所有内容,但如果您使用ViewPager,则无法让对话框覆盖标签但不是动作栏。请参阅Show DialogFragment over TabLayout

这个问题(由我提出)有一个与@Jdruwe相同的答案,即忘记DialogFragment的绝望并改为使用Activity

答案 1 :(得分:1)

我的博客上使用startActivityForResult(...)描述的解决方案:http://jeroendruwe.be/full-screen-dialogs-in-android/

答案 2 :(得分:0)

将此行添加到自定义对话框片段中的oncreate。

setStyle(DialogFragment.STYLE_NORMAL, android.R.style.Theme_Black_NoTitleBar_Fullscreen);

另一方面,您可以使用内容解析器来存储您的子数据。 它有观察者模式。因此,每个附加到该内容的CursorAdapter都会在不调用notifySetDataChanged();的情况下自行刷新。

我认为您正在使用RecyclerView.Adapter。您可以使用this class.

实施添加子功能的另一个建议是使用startActivityForResult(activity);。 您可以使用getIntent().getExtras().put(key,value);发回数据。您可以搜索结果的自定义开始活动。

祝你好运

答案 3 :(得分:0)

我没有看到您帖子中的代码。所以我猜你的代码结构是一个开始。 首先使用侦听器构建对话框并处理setPositiveButton()和onClick事件。

代码建议:

public class ChildrenSpecificationFragment extends Fragment {
...

public void passData(Object obj) {
}

   class SubChildFragment extends Fragment {
       AlertDialog.Builder builder = new AlertDialog.Builder(thisContext);
       ...
       // Add the buttons...
       builder.setPositiveButton("Save", new DialogInterface.OnClickListener() {
           public void onClick(DialogInterface dialog, int id) {
           ...
           passData(Object obj);   // pass data to the outer fragment class

注意:

    例如,
  • SubChildFragment是一个派生自Fragment的内部类。它可以调用外部类passData中的公共方法ChildrenSpecificationFragment()来传递您需要的任何数据。
  • 我正在使用内部类,因为我认为这是你在图中的意思
  

添加子全屏片段

  • 这种编码技术比启动新的Activity和Intent更容易。

为了展示全屏对话,我认为有一个很好的Google网页@ Dialog - Fullscreen。搜索文本&#34;显示对话框全屏或嵌入式片段&#34;。