在小屏幕上将工具栏标题拆分为多行
我在我的vue应用程序中使用v-toolbar。 我能够想出如何在小屏幕上将标题拆分成多行，比如:
Section
One
Organisation
现在看起来像是。。。。 在小屏幕上。 请帮我解决这个问题。
<v-toolbar dense fixed scroll-off-screen>
<v-layout row wrap>
<v-flex xs4 md4>
<v-toolbar-title><a>Section One Organisation</a></v-toolbar-title>
</v-flex>
<v-flex xs4 md4>
<v-toolbar-title><a>Section Two Contact</a></v-toolbar-title>
</v-flex>
<v-flex xs4 md4>
<v-toolbar-title><a>Section Three Location</a></v-toolbar-title>
</v-flex>
</v-layout>
</v-toolbar>
共有2个答案
Vuetify为此提供了一个帮助器类:class=“text-break”。
您可以根据屏幕大小尝试显示较短的标题。 渲染应该只显示部分谁是xs小屏幕。
您也可以只为xs4 V-Flex定制css类。
希望能帮上忙。
<v-toolbar dense fixed scroll-off-screen>
<v-layout row wrap>
<!-- first section - small + medium + large screen -->
<v-flex md4>
<v-toolbar-title><a>Section One Organisation</a></v-toolbar-title>
</v-flex>
<!-- first section - extra small screen -->
<v-flex xs4>
<v-toolbar-title><a>Organisation</a></v-toolbar-title>
</v-flex>
<!-- second section -->
<v-flex md4 class="landing-page-section">
<v-toolbar-title><a>Section Two Contact</a></v-toolbar-title>
</v-flex>
<v-flex xs4 class="landing-page-section">
<v-toolbar-title><a>Contact</a></v-toolbar-title>
</v-flex>
<!-- third section -->
<v-flex md4 class="landing-page-section">
<v-toolbar-title><a>Section Three Location</a></v-toolbar-title>
</v-flex>
<v-flex xs4 class="landing-page-section">
<v-toolbar-title><a>Location</a></v-toolbar-title>
</v-flex>
</v-layout>
</v-toolbar>
-
我使用工具栏设置标题文本，但是对于不同的屏幕，我使用样式定义了不同的标题文本大小。但问题是当我在手机上运行时，哪个屏幕是标题文本大小是可以的，但对于屏幕，标题看起来太小了，这是我的风格 这是toolbar.xml 我已经在所有文件夹中声明了这个样式，如、、。所以请帮助我如何设置标题的文本大小，使它在手机和平板电脑上看起来都很好
-
这可能是我处理布局的方式有问题。对Java和Android软件开发工具包来说有点新鲜。我正在使用Android Studio。 我在这一点上的目标是有一个应用程序，屏幕底部显示一个带有图标的导航栏，顶部有一个带有“关闭”按钮和“保存”按钮的工具栏。工具栏和导航栏之间应该是一个空白的白色屏幕。 但是我很难让工具栏停留在屏幕的顶部。灰色背景占据了白色背景前面的整个屏幕。下面是截图。 这是我所知道的:
-
问题内容： 我的应用程序中有一个工具栏，例如： 我将标题添加为： 我已经读过Android工具栏中心标题和自定义字体 但是，如果我更改工具栏的xml，我不知道如何更改TextView的值。有人可以帮助我吗？ 问题答案： 如果您具有自定义的工具栏布局，请不要用于设置标题。 相反，假设您的XML布局如下所示： 你需要调用，在某处你的可能是：
-
我得到了一个android应用程序，我目前正在那里工作的平板电脑布局。 一切都很好，此外，如果你试图从平板电脑布局切换到正常的肖像布局，那么标题就不会再设置了。相反，默认的标题显示为静态的，并且不能再用普通的setTitle方法进行更改。正如我在调试日志中看到的那样，它被调用，但这并没有反映在布局中。
-
我想这样做，但与折叠工具栏布局或滚动后在工具栏中显示徽标和标题。 请帮助我
-
下面是我的布局： 我希望标题停留在工具栏中，而不是在折叠ToolbarLayout中。因此我将代码从： 在调用setSupportActionBar（mToolbar）之后，标题和菜单都是不可见的。
-
如何从工具栏中获取图标以更改为使用bbdd中看到的方法获得的新图标。问题是我无法访问更新活动的事件以更改图标。我尝试使用onPreareOptionsMenu方法，但无法使其工作。我无法通过将代码放入onStart来做到这一点，因为它告诉我菜单对象为空或无效。 我的活动由AppCompactActive扩展并通过AdapterView加载。当我返回片段对话框或从下一个活动开始时，我遇到了问题。 谢
-
问题内容： 我有一个具有这种结构的表。 我无法弄清楚我将使用哪种SQL查询来获得这样的结果集： 我正在尝试将三列分为三个单独的行。这可能吗？ 问题答案： SELECT Y.UserID, Y.UserName, QuestionName = ‘AnswerToQuestion’ + X.Which, Response = CASE X.Which WHEN ‘1’ THEN AnswerToQue