在 Material Design 项目中，Toolbar 是一个非常常见的 UI 控件，用于展示应用程序的标题和操作按钮。然而，有时我们需要在 Toolbar 中使用圆形和椭圆形控件来增加应用程序的视觉吸引力和用户体验。下面我们来详细讨论如何实现这个效果。
首先，让我们看一下一个使用圆形和椭圆形控件的 Toolbar 的示例。示例代码如下：
-- -------------------- ---- -------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------
--------------------------
---------------
-----------------------------------
-------------------------------------
------------
------------------------------
---------------------------
----------------------------
------------------------------------
-------------------------------------------------------------
--------------------------------------
--------------------------------------
----------
----------------------------
---------------------------
----------------------------
----------------------------------
------------------------------------
--------------------------------------
-----------------
------------------------------------在这个示例中，我们使用了一个 RelativeLayout 来使圆形按钮和椭圆形图像位于 Toolbar 的两侧。我们使用 ImageButton 控件来创建圆形按钮，并将其放置在布局的左侧。ImageButton 的 src 属性用来显示按钮的图像资源。我们还为它设置了一个 selecteableItemBackgroundBorderless 背景，以使其在被点击时有一个波纹效果。
对于椭圆形图像，我们使用一个 ImageView 控件来显示它，并在布局的右侧放置它。ImageView 控件的 src 属性用于设置图像资源，而 layout_width 和 layout_height 则用于设置图像的大小。我们还将它们设置为 48dp 和 24dp，正好可以与圆形按钮的大小配合使用。
现在让我们来看一下如何实现圆形按钮和椭圆形图像的点击事件。示例代码如下：
-- -------------------- ---- -------
------- --- ------------------- -
--- ------- - -----------------------------------
--- ----------- - --------------------------------------------
--- --------- - ----------------------------------------
------------------------------ -
-- ----- --------- ----- ------ ----- ------
-
---------------------------- -
-- ----- --------- ---- ----- ----- ------
-
----------------------------
-------------------------------------------------
-在这个示例中，我们在 setToolbarButtons 方法中获取了 Toolbar、圆形按钮和椭圆形图像的引用。然后，我们为它们分别设置了点击事件。你可以根据自己的需要在这些点击事件中实现相应的操作。最后，我们还调用了 setSupportActionBar 方法和setDisplayHomeAsUpEnabled 方法，以设置 Toolbar 作为应用程序的ActionBar，并在上面添加一个返回按钮。
总结一下，我们在 Material Design 项目中使用了带有圆形和椭圆形控件的 Toolbar，来增加应用程序的视觉吸引力和用户体验。我们通过一个示例代码来讲解了如何实现这个效果，同时还讨论了如何设置点击事件。希望本文能够对你提供有帮助的指导和学习意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6493b1b948841e989414d61e