BottomSheetDialogFragment - 如何包装内容并完全显示？

Posted 2023-04-13

【中文标题】BottomSheetDialogFragment - 如何包装内容并完全显示？

【英文标题】：BottomSheetDialogFragment - How to wrap content and completely display?

【发布时间】：2016-06-19 10:57:32

【问题描述】：

因此，在 AppCompat 支持库的 v23.2 版本中，我决定使用 BottomSheetDialogFragment。当我单击列表视图中的一个项目时，我一直在尝试打开底部工作表（与适配器挂钩，因此它代表一个光标）。单击时，我将光标的 ID 传递给 DialogFragment 并重新查询内容提供者以填写底部表格。

这一切似乎工作正常，现在的问题是当底部工作表打开时，我只看到顶部的 TextView，而我希望它显示传递给底部工作表的完整布局。

这是我现在拥有的：

1) 在包含 ListView 的片段中，打开底部工作表对话框：

mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() 
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) 
            int clickedPersonId = ((Cursor) mListView.getItemAtPosition(position)).getInt(FriendsFragment.COL_PERSONS_ID);
            Log.v("FriendsFragment", "Clicked person with personid = " + clickedPersonId);

            PersonBottomSheetFragment personBSDF = PersonBottomSheetFragment.newInstance(clickedPersonId);
            personBSDF.show(getFragmentManager(), "BOTTOM_SHEET_PERSON");
        
    );

2) fragment_person_bottom_sheet.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fragment_person_content"
android:layout_
android:layout_
android:orientation="vertical">

<TextView
    android:id="@+id/fragment_person_username"
    android:layout_
    android:layout_
    android:drawableLeft="@drawable/ic_account_circle_white_36"
    android:drawablePadding="10dp"
    android:drawableStart="@drawable/ic_account_circle_white_36"
    android:gravity="center_vertical"
    android:text="Username"
    android:textAllCaps="false"
    android:textSize="18sp" />

<TextView
    android:id="@+id/fragment_person_personname"
    android:layout_
    android:layout_
    android:drawableLeft="@drawable/ic_account_circle_white_36"
    android:drawablePadding="10dp"
    android:drawableStart="@drawable/ic_account_circle_white_36"
    android:gravity="center_vertical"
    android:text="Person name"
    android:textAllCaps="false"
    android:textSize="18sp" />

<TextView
    android:id="@+id/fragment_person_dob"
    android:layout_
    android:layout_
    android:drawableLeft="@drawable/ic_account_circle_white_36"
    android:drawablePadding="10dp"
    android:drawableStart="@drawable/ic_account_circle_white_36"
    android:gravity="center_vertical"
    android:text="Date of birth"
    android:textAllCaps="false"
    android:textSize="18sp" />

<TextView
    android:id="@+id/fragment_person_location_country"
    android:layout_
    android:layout_
    android:drawableLeft="@drawable/ic_account_circle_white_36"
    android:drawablePadding="10dp"
    android:drawableStart="@drawable/ic_account_circle_white_36"
    android:gravity="center_vertical"
    android:text="Country"
    android:textAllCaps="false"
    android:textSize="18sp" />

</LinearLayout>

所以基本上我只看到第一个 TextView，要查看其余部分，用户现在必须将底部工作表进一步向上拖动。 （即使 LinearLayout 设置了高度的 wrap_content。）

3) PersonBottomSheetFragment.java

public class PersonBottomSheetFragment extends BottomSheetDialogFragment
    implements LoaderManager.LoaderCallbacks<Cursor> 

    public final int PERSONBOTTOMSHEETFRAGMENT_LOADER = 18567; // TODO


    TextView usernameView;
    TextView personnameView;
    TextView dobView;
    TextView locationCountryView;

    public PersonBottomSheetFragment() 
        ;
    

    public static PersonBottomSheetFragment newInstance(int personid) 
        PersonBottomSheetFragment frag = new PersonBottomSheetFragment();
        Bundle argsBundle = new Bundle();
        argsBundle.putInt("personid", personid);
        frag.setArguments(argsBundle);
        return frag;
    

    @Override
    public void setArguments(Bundle args) 
        super.setArguments(args);
    

    @Override
    public void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
    

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

        View view = inflater.inflate(R.layout.fragment_person_bottom_sheet, null);
        usernameView = (TextView) view.findViewById(R.id.fragment_person_username);
        personnameView = (TextView) view.findViewById(R.id.fragment_person_personname);
        dobView = (TextView) view.findViewById(R.id.fragment_person_dob);
        locationCountryView = (TextView) view.findViewById(R.id.fragment_person_location_country);

        getLoaderManager().initLoader(PERSONBOTTOMSHEETFRAGMENT_LOADER, null, this);

        return view;
    

    @Override
    public Loader<Cursor> onCreateLoader(int i, Bundle bundle) 

        Uri personsWithIDUri = DataContract.PersonsEntry.buildPersonsUri(getArguments().getInt("personid"));

        return new CursorLoader(getActivity(),
                personsWithIDUri,
                UserFragment.PERSONFRAGMENT_COLUMNS,
                null,
                null,
                null);
    

    @Override
    public void onLoadFinished(Loader<Cursor> loader, Cursor data) 

        if (data == null || !data.moveToFirst()) 
            // null or empty cursor
            return;
        

        usernameView.setText(data.getString(UserFragment.COL_PERSONS_USERNAME));
        personnameView.setText(data.getString(UserFragment.COL_PERSONS_PERSONNAME));
        dobView.setText(data.getString(UserFragment.COL_PERSONS_DOB));
        locationCountryView.setText(data.getString(UserFragment.COL_PERSONS_LOCATION_COUNTRY));
    

    @Override
    public void onLoaderReset(Loader<Cursor> loader) 

    

【参考方案1】：

你不应该同时实现onCreateView和onCreateDialog（onCreateDialog由BottomSheetDialogFragment实现）。

改为尝试这样做：

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) 
    BottomSheetDialog dialog = (BottomSheetDialog) super.onCreateDialog(savedInstanceState);
    View view = inflater.inflate(R.layout.fragment_person_bottom_sheet, null);
    usernameView = (TextView) view.findViewById(R.id.fragment_person_username);
    personnameView = (TextView) view.findViewById(R.id.fragment_person_personname);
    dobView = (TextView) view.findViewById(R.id.fragment_person_dob);
    locationCountryView = (TextView) view.findViewById(R.id.fragment_person_location_country);

    getLoaderManager().initLoader(PERSONBOTTOMSHEETFRAGMENT_LOADER, null, this);
    dialog.setContentView(view);
    return dialog;

【讨论】：

我绝不会尝试同时实现这两者。我使用 onCreateView 的原因：正如您在 DialogFragment 的文档中看到的那样，在特定情况下您仍然可以将内容用作嵌入片段 (developer.android.com/reference/android/app/…)。我也看不出这如何解决我遇到的实际问题。

超类实现onCreateDialog

在官方文档中可以看到，两者使用都没有问题。

您可以同时实现这两者，但它的行为与您预期的不同。如果你同时实现了onCreateView的内容将不会被添加为对话框的内容视图。

事实是，它们确实是。我将其用作对话框，并且确实将其作为内容。底部表只需要我手动将其进一步向上拖动，我想更改它以显示特定部分（或完全）。