溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在Android中使用FloatingActionButton實(shí)現(xiàn)懸浮按鈕

發(fā)布時(shí)間:2021-05-26 09:37:10 來(lái)源:億速云 閱讀:506 作者:Leah 欄目:移動(dòng)開(kāi)發(fā)

今天就跟大家聊聊有關(guān)如何在Android中使用FloatingActionButton實(shí)現(xiàn)懸浮按鈕,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

圓形懸浮按鈕

  implementation 'com.android.support:design:28.0.0'
  implementation 'com.getbase:floatingactionbutton:1.10.1'

title 字體以及顏色的設(shè)置:

FloatingActionButton默認(rèn)無(wú)法顯示文字的情況,所以這里需要對(duì)其配置樣式;

在res/value/style中添加:

<!--Here is the style of floatingactionbutton's title-->
  <style name="floatingActionsMenu_fab_style">
    <item name="android:background">@drawable/fab_label_background</item> //文字背景的樣式
    <item name="android:textColor">@color/text_color</item> //文字的顏色
  </style>

這里是我的res/value/color的配置:

<!--floatingactionbutton's coclor-->
<color name="white">#ffffff</color>
<color name="text_color">#000000</color>

然后就到了最重要的部分

這里我們?cè)赿rawable中添加自定義消滅了文件用于配置文字樣式:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle" >
   <!-- 填充的顏色 -->
  <solid android:color="#FFffffff" />
  <!-- 設(shè)置按鈕的四個(gè)角為弧形 -->
  <!-- android:radius 弧形的半徑 -->
  <corners android:radius="25dip" />
   <!-- padding:Button里面的文字與Button邊界的間隔 -->
  <padding
    android:bottom="15dp"
    android:left="20dp"
    android:right="20dp"
    android:top="15dp" />
   <!--設(shè)置描邊-->
  <stroke
    android:width= "10dp"
    android:color= "#00000000" />
</shape>

完成這些步驟之后只需在布局文件中調(diào)用即可:

這里是我的布局文件:

<com.getbase.floatingactionbutton.FloatingActionsMenu
    android:id="@+id/multiple_actions"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    fab:fab_expandDirection="down"
    fab:fab_labelStyle="@style/floatingActionsMenu_fab_style">
    <com.getbase.floatingactionbutton.FloatingActionButton
      android:id="@+id/action_a"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      fab:fab_size="mini"
      fab:fab_title="按鈕一" />
    <com.getbase.floatingactionbutton.FloatingActionButton
      android:id="@+id/action_b"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      fab:fab_size="mini"
      fab:fab_title="按鈕二" />
    <com.getbase.floatingactionbutton.FloatingActionButton
      android:id="@+id/action_c"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      fab:fab_size="mini"
      fab:fab_title="按鈕三" />
  </com.getbase.floatingactionbutton.FloatingActionsMenu>

設(shè)置方法如代碼第六行所示

FloatingActionButton基本使用:

/*
設(shè)置三個(gè)懸浮按鈕的監(jiān)聽(tīng)事件
 */
//
final FloatingActionButton actionA = (FloatingActionButton) findViewById(R.id.action_a);
actionA.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {
    //空
  }
});
//跳轉(zhuǎn)到 FromPointToPoint 活動(dòng)
final FloatingActionButton actionB = (FloatingActionButton) findViewById(R.id.action_b);
actionB.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {
    startActivityForResult(new Intent(MainActivity.this,FromPointToPoint.class),0x1);
  }
});
//彈出提示
final FloatingActionButton actionC = (FloatingActionButton) findViewById(R.id.action_c);
actionC.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {
    Toast.makeText(MainActivity.this,"dianjile",Toast.LENGTH_SHORT).show();
  }
});

Android是什么

Android是一種基于Linux內(nèi)核的自由及開(kāi)放源代碼的操作系統(tǒng),主要使用于移動(dòng)設(shè)備,如智能手機(jī)和平板電腦,由美國(guó)Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)。

看完上述內(nèi)容,你們對(duì)如何在Android中使用FloatingActionButton實(shí)現(xiàn)懸浮按鈕有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI