簡(jiǎn)單使用BottomSheetBehavior實(shí)現(xiàn)底部彈窗

這次帶來(lái)的是BottomSheetBehavior的簡(jiǎn)單使用矢炼,BottomSheetBehavior是Android Support Library23.2中引入的蔓罚,它可以輕松實(shí)現(xiàn)底部動(dòng)作條功能晴埂。

使用方法

●xml布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">
        //按鈕要使用布局包裹否則會(huì)浮在BottomSheetBehavior之上
        <Button
            android:layout_width="wrap_content"
            android:text="打開"
            android:id="@+id/bt"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/design_bottom_sheet1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" //這個(gè)高度決定了BottomSheetBehavior的總高度
        android:background="@color/colorAccent"
        app:behavior_hideable="true" //可以隱藏
        app:behavior_peekHeight="300dp" //設(shè)置彈出時(shí)的高度
        android:orientation="vertical"
        app:elevation="6dp"
        app:layout_behavior="@string/bottom_sheet_behavior" //這一句固定要加>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_gravity="center"
            android:src="@mipmap/ic_launcher"
            android:layout_marginTop="20dp"
            android:layout_height="wrap_content" />
    </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

●Activity代碼

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final BottomSheetBehavior bottomSheetBehavior=BottomSheetBehavior.from(findViewById(R.id.design_bottom_sheet1));
        //設(shè)置默認(rèn)先隱藏
        bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
        findViewById(R.id.bt).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
            //根據(jù)狀態(tài)不同顯示隱藏
                if (bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_HIDDEN) {
                    bottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
                } else if (bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_COLLAPSED) {
                    bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
                }
            }
        });
        //設(shè)置監(jiān)聽事件   
        bottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
            @Override
            public void onStateChanged(@NonNull View bottomSheet, int newState) {
                //拖動(dòng)
            }

            @Override
            public void onSlide(@NonNull View bottomSheet, float slideOffset) {
                //狀態(tài)變化
            }
        });
    }
}

擴(kuò)展(BottomSheetDialogFragment實(shí)現(xiàn)底部彈窗)

●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">
    <ImageView
        android:layout_width="match_parent"
        android:background="@color/colorAccent"
        android:layout_centerHorizontal="true"
        android:src="@mipmap/ic_launcher"
        android:layout_height="200dp" />
</RelativeLayout>

●BottomSheetDialogFragment代碼

public class BottomSheetDialogFragmenttest extends BottomSheetDialogFragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        return inflater.inflate(R.layout.test,container,false);
    }
}

●Activity代碼

findViewById(R.id.bt).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                BottomSheetDialogFragmenttest bottomSheetDialogFragmenttest=new BottomSheetDialogFragmenttest();
               bottomSheetDialogFragmenttest.show(getSupportFragmentManager(),BottomSheetDialogFragmenttest.class.getSimpleName());
            }
        });
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末辽狈,一起剝皮案震驚了整個(gè)濱河市置逻,隨后出現(xiàn)的幾起案子宙暇,更是在濱河造成了極大的恐慌输枯,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件占贫,死亡現(xiàn)場(chǎng)離奇詭異桃熄,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)型奥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門瞳收,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人厢汹,你說(shuō)我怎么就攤上這事螟深。” “怎么了烫葬?”我有些...
    開封第一講書人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵界弧,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我搭综,道長(zhǎng)垢箕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任兑巾,我火速辦了婚禮舰讹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘闪朱。我一直安慰自己月匣,他們只是感情好钻洒,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锄开,像睡著了一般素标。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上萍悴,一...
    開封第一講書人閱讀 52,793評(píng)論 1 314
  • 那天头遭,我揣著相機(jī)與錄音,去河邊找鬼癣诱。 笑死计维,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的撕予。 我是一名探鬼主播鲫惶,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼实抡!你這毒婦竟也來(lái)了欠母?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤吆寨,失蹤者是張志新(化名)和其女友劉穎赏淌,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體啄清,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡六水,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辣卒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掷贾。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖添寺,靈堂內(nèi)的尸體忽然破棺而出胯盯,到底是詐尸還是另有隱情懈费,我是刑警寧澤计露,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站憎乙,受9級(jí)特大地震影響票罐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜泞边,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一该押、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阵谚,春花似錦蚕礼、人聲如沸烟具。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)朝聋。三九已至,卻和暖如春囤躁,著一層夾襖步出監(jiān)牢的瞬間冀痕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工狸演, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留言蛇,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓宵距,卻偏偏與公主長(zhǎng)得像腊尚,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子消玄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,336評(píng)論 25 707
  • 1跟伏、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_X自主閱讀 15,988評(píng)論 3 119
  • 總有一個(gè)人在心底 你知道Ta很遙遠(yuǎn) 但 你會(huì)惦念 會(huì)在某一次夢(mèng)醒時(shí)分 回到大學(xué)時(shí) 那溫暖的午后 回...
    五五月閱讀 321評(píng)論 5 2
  • 2008年大學(xué)畢業(yè)受扳。 離校的場(chǎng)面歷歷在目,狼狽不堪兔跌。生病住院勘高,離校時(shí),剛剛出院坟桅。覺得點(diǎn)兒背到極點(diǎn)华望。 拖著大大小小的...
    勾勾5閱讀 242評(píng)論 0 1
  • invoke 執(zhí)行源碼
    小乖心塞閱讀 755評(píng)論 0 1