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

问题描述 投票:0回答:1

我想实现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(从Android Studio中的Vector Asset创建)和png文件来设置图标,这两个文件均来自AndroidManifest.xml和上述代码。我是否可以正确地实现像Netflix这样的应用栏?任何帮助,将不胜感激。

android kotlin android-appbarlayout
1个回答
0
投票

您对此找到任何解决方案吗?

© www.soinside.com 2019 - 2024. All rights reserved.