使用DialogFragment实现弹出框

类似于这种弹出框。

其实很简单，只不过看着很好看一时间不知道是怎么做的了。

步骤很简单。

第一步：写弹出框的style.xml文件

<style name="dialog" >
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:background">@android:color/transparent</item>
    <item name="android:windowFrame">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowIsTranslucent">false</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

记不住就直接复制就行了，就是关于dialog的一些设置，背景，边框，是否浮动什么的。死东西。复制直接用。

第二步：写一个类DiaFragment以及整个对话框的layout文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
    <RelativeLayout
        android:orientation="vertical"
        android:id="@+id/ll_back"
        android:background="@mipmap/back"
        android:layout_width="wrap_content"
        android:layout_height="300dp">
        <ImageView
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:src="@mipmap/close"
            android:id="@+id/iv"
            android:layout_width="25dp"
            android:layout_height="25dp" />
    </RelativeLayout>
</LinearLayout>

public class DiaFragment extends DialogFragment {

    public static DiaFragment newInstance() {
        
        Bundle args = new Bundle();
        
        DiaFragment fragment = new DiaFragment();
        fragment.setArguments(args);
        return fragment;
    }
    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setStyle(DialogFragment.STYLE_NO_TITLE,R.style.dialog);
    }


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

        View view = inflater.inflate(R.layout.fragment_dialog,null,false);
        view.setElevation(30);//设置阴影，貌似没效果
        ImageView iv = (ImageView) view.findViewById(R.id.iv);
        iv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
        return view;
    }
}

第三步：在需要的时候使用

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

    public void click(View v){
        DiaFragment.newInstance().show(getSupportFragmentManager(),"dialog");
    }
}

效果如下：

图片再精美一些，效果就会更好，这里只是一个简单的实现，不过原理也就这样，不复杂。