草庐IT

Android ActionBarSherlock 顶部栏

coder 2023-12-09 原文

我想要像 foursquare 这样的操作栏。我想要的是诸如 friend 、探索和我之类的标签。此外，在选项卡上方，我希望有一个自定义布局，其中包括一些按钮，例如 foursquare 中的 foursquare Logo 、刷新和 checkin 。我创建了选项卡，但无法更改 ActionBarSherlock 中选项卡上方的布局。我该如何解决这个问题？

最佳答案

要获得 Foursquare 外观，您无需考虑在选项卡上方创建布局。使用 Actionbar Sherlock 时，您只需担心:

  1. 为顶部栏制作背景
  2. 为顶部栏制作 Logo
  3. 在 menu.xml 文件中添加项目，ActionbarSherlock 将使用该项目用按钮填充顶部部分(只要使用 Actionbar Sherlock 样式的样式附加到 thw Activity )。

因此，对于 1. 和 2. 都是关于使用 styles.xml 文件(应该驻留在 res 文件夹的 values 文件夹中)，如下所示:

<style name="Theme.Example" parent="Theme.Sherlock">
    <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>
    <item name="absForceOverflow">true</item>       
</style>

<style name="Widget.Styled.ActionBar" parent="Widget.Sherlock.ActionBar.Solid">
    <item name="background">@drawable/actionbar_background</item> <-- the background for top bar
    <item name="icon">@drawable/actionbar_logo</item> <-- the logo that goes top left in the top bar
    <item name="backgroundSplit">@drawable/bg_striped_split</item> <-- the image used between the menu items
</style>

对于 3. 您需要做的就是在 menu.xml 下创建菜单项(应该驻留在 menu 文件夹中(如果不存在，请在 res 文件夹中创建一个)):

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

<item android:id="@+id/menu_prefs"
      android:icon="@drawable/settings_icon"
      android:title="Preferences"
      android:showAsAction="ifRoom" /> 
</menu>

要查看菜单项，您要做的最后一件事是在 Activity 中使用这些功能:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getSupportMenuInflater();
    inflater.inflate(R.menu.menu, menu);
    return true;
}

public boolean onOptionsItemSelected (MenuItem item) {

    Intent intent;

    switch (item.getItemId())
    {   
    case R.id.menu_prefs:

        // Launch Preference Activity
        intent = new Intent(getBaseContext(), Preferences.class);           
        startActivity(intent);
        break;
    }

    return false;
}

关于Android ActionBarSherlock 顶部栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11412841/

ActionBarSherlockAndroid34itemmenutabs

有关Android ActionBarSherlock 顶部栏的更多相关文章

  1. 微信小程序顶部标题栏与胶囊对齐 - 2

    介绍    最近在做微信小程序时，顶部标题栏总是与胶囊对不齐。往往是在这款手机上对齐了，在另外一款手机差很多。我在查阅资料后，提出了一种方法解决这个问题，即：在页面onLoad或组件created时，利用微信小程序提供的API，获取系统状态栏高度和胶囊信息，进而动态调整顶部标题栏样式。在苹果、小米、荣耀手机做验证，能做到精准对齐。理论        胶囊样式应该是垂直居中，有1px的border，border-radius为18px。        若要使顶部标题栏与胶囊对齐，则其高度必须是导航栏高度，标题栏内容也要垂直居中，顶部标题栏的外边距或内边距必须是状态栏高度。        如果顶部

  2. ruby - 如何删除 YAML 文件顶部的 '---'？ - 2

    我正在用Ruby修改YAML文件。在我写回修改后的YAML后，我看到在文件顶部添加了一个---。这是如何添加的以及如何删除它？ 最佳答案 YAMLspec说:YAMLusesthreedashes(“---”)toseparatedirectivesfromdocumentcontent.Thisalsoservestosignalthestartofadocumentifnodirectivesarepresent.例子:#Rankingof1998homeruns----MarkMcGwire-SammySosa-KenGrif

  3. ruby - 我怎样才能避免在 Ruby 1.9 中的每个 UTF-8 文件的顶部放置神奇的编码注释？ - 2

    我有一个Rails项目，里面有很多西里尔字符串。它在Ruby1.8上运行良好，但Ruby1.9假定源文件是US-ASCII编码的，除非您在源文件顶部提供#encoding:utf-8注释。此时文件不被视为US-ASCII。是否有更简单的方法告诉Ruby“此应用程序是UTF8编码的。请将所有和任何包含的源文件视为UTF8，除非另有声明”？更新:我写了“Howtoinserttheencoding:UTF-8directiveautomaticallyinRuby1.9files”，它会在需要时自动附加编码指令。 最佳答案 我觉得你可以

  4. javascript - react 导航导航标题顶部的绝对位置 - 2

    我正在制作加载屏幕并将其设置为绝对定位整个屏幕。但是，当使用react-navigation时，它似乎没有覆盖标题。有没有办法将我的组件放在导航库的header组件之上？当您使用react-navigation时，您可以为该屏幕配置标题。通常，当您导航到一个屏幕时，您在该屏幕中呈现的任何代码都会自动放置在导航标题下方。但是，我希望我的组件占据整个屏幕并覆盖标题。我想保留标题，但我想用不透明度覆盖它。这可能吗？constnavigationOptions={title:"SomeTitle",};constNavigator=StackNavigator({First:{screen:S

  5. javascript - SVG 矩形的笔划宽度在顶部/左侧被 chop 。我该如何解决？ - 2

    当我的矩形笔画宽度较大时，我的SVG笔画不知何故被chop了。我有以下代码:这是jsfiddle:https://jsfiddle.net/7ej6fzbg/3/正如您从jsfiddle中看到的那样，矩形顶部和左侧的笔触宽度被略微削减。我该如何解决这个问题，使整个矩形的笔画宽度为16像素？我相信我可以更改矩形的x和y位置，但我相信如果我想稍后更改笔划宽度，那将不会很稳健。有什么想法吗？ 最佳答案 由于矩形笔划以矩形的边界为中心，因此对于X和Y每次都使用笔划宽度的一半(在本例中为8):或者将SVG的View框偏移笔划宽度的一半:

  6. javascript - body 元素的左侧和顶部偏移量为 :auto - 2

    我正在尝试通过使用margin:autoCSS属性获取一个网站的鼠标相对于body(即body=坐标原点)的位置，该网站的body元素大小固定并居中。由于event.clientX和event.clientY属性为我提供了从页面开头开始的偏移量，而不是从body元素开始的偏移量，因此我尝试将其减去body偏移量。为此，我尝试使用document.body.offsetLeft和document.body.offsetTop，但到目前为止运气不好，该值未定义。另外，因为我没有定义它，所以我不能使用document.body.style.left或document.body.style.t

  7. javascript - 如何在滚动时获取div的顶部位置值 - 2

    我试图在div滚动到某个点时运行一些脚本。有一个固定的导航，当用户滚动窗口时，它假设一旦接近导航就更改导航名称。我正在使用$(window).scroll函数，但它只检查一次div位置而不更新值。如何让每5-10像素移动一次滚动检查窗口大小，这样就不会占用太多内存/处理。代码设置在:http://jsfiddle.net/rexonms/hyMxq/HTMLNAVIGATIONdivnameDivADivBDivC​CSS#nav{height:50px;background-color:#999;position:fixed;top:0;width:100%;}#main{margi

  8. javascript - 如何在不将用户发送到页面顶部的情况下触发 javascript playsound 事件 onclick？ - 2

    我网站的一个页面上有以下代码——当用户点击图片时会播放声音:functionplaySound(soundfile){document.getElementById("dummy").innerHTML="";}一切都很好，但图像位于页面底部，当用户单击图像时，他们将被重定向回页面顶部。有什么方法可以让它工作，以便只有音频变化，而不是视觉变化(如果这有意义!)？当改用鼠标悬停功能时，例如用户停留在他们在页面上的位置，但我希望他们可以选择在点击时播放声音，而不是在鼠标悬停时播放声音。 最佳答案 问题是您的href属性。#作为ancho

  9. javascript - 使用 plotly.js 将 modeBar 放在顶部中心 - 2

    我正在使用plotly.js在我的网络应用程序中绘制图形。默认情况下，modeBar位于右上角。有什么办法可以把它放在顶部中心吗？ 最佳答案 这应该有效:.js-plotly-plot.plotly.modebar{left:50%;transform:translateX(-50%);} 关于javascript-使用plotly.js将modeBar放在顶部中心，我们在StackOverflow上找到一个类似的问题： https://stackoverfl

  10. javascript - Chart.js 折线图在顶部被 chop ？ - 2

    出于某种原因，所有图表都在最高值处被chop。我怎样才能解决这个问题？我不能使用固定的y轴 最佳答案 编辑/更新:如评论中所述，5px值可以更准确地只是您的线宽值的一半，我相信默认值为2px，所以在这种情况下您只需要填充:{顶部:1}有一个layout.padding属性，您可以在选项中或全局设置。我遇到了同样的问题并设置了options:{layout:{padding:{top:5}},...}对我来说很好，不会切断线路http://www.chartjs.org/docs/#chart-configuration-layout

随机推荐