如何设计类似netflix android app的动作栏?

时间:2019-04-23 10:51:05

标签: android kotlin android-appbarlayout

我想实现netflix,如应用栏/动作栏。

(抱歉,无法获取其他图片)

到目前为止,我已经尝试实现一个appcompat操作栏。我遇到两个问题:

  1. 我无法显示该图标。仅显示我不想包含的标签。
  2. “系列”,“电影”和“我的清​​单”这些动作位于最右侧,且均带有大写字母。

我尝试实现简单的操作栏。代码如下:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
            android:id="@+id/action_series"
            android:title="@string/series"
            app:showAsAction="ifRoom"
    ></item>

    <item
            android:id="@+id/action_films"
            android:title="@string/films"
            app:showAsAction="ifRoom"
    ></item>

    <item
            android:id="@+id/action_my_list"
            android:title="@string/my_list"
            app:showAsAction="ifRoom"
    ></item>

</menu>

和kotlin代码:

class MainActivity : AppCompatActivity() {

    lateinit var toolbar: ActionBar

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        toolbar = supportActionBar!!
        toolbar.setDisplayHomeAsUpEnabled(true)
        toolbar.setIcon(R.drawable.ic_netflix_svg)

        val bottomNavigation: BottomNavigationView = findViewById(R.id.navigationView)

    }

    override fun onCreateOptionsMenu(menu: Menu?): Boolean {
        val inflater = menuInflater
        inflater.inflate(R.menu.actionbar_menu, menu)

        return super.onCreateOptionsMenu(menu)
    }
}

我尝试使用xml和上述代码中的png(从Android Studio中的Vector Asset创建)和AndroidManifest.xml文件设置图标。我是否可以正确地实现像Netflix这样的应用栏?任何帮助将不胜感激。

0 个答案:

没有答案