首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Xamarin Android中使用TabbedPage.ToolbarPlacement=“Bottom”时更改TabBar字体系列?

在Xamarin Android中使用TabbedPage.ToolbarPlacement="Bottom"时更改TabBar字体系列,可以通过自定义样式来实现。

首先,在Xamarin Android项目中的Resources文件夹下创建一个styles.xml文件。在该文件中,定义一个新的样式,用于修改TabBar的字体系列。示例代码如下:

代码语言:txt
复制
<?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="CustomTabbedPage" parent="Widget.Design.TabLayout">
    <item name="android:fontFamily">sans-serif-light</item> <!-- 修改字体系列为sans-serif-light -->
  </style>
</resources>

接下来,在Xamarin Android项目的MainActivity.cs文件中,找到OnCreate方法,并在SetContentView之前添加以下代码,将自定义的样式应用到TabbedPage上:

代码语言:txt
复制
TabLayoutResource = Resource.Layout.Tabbar;
ToolbarResource = Resource.Layout.Toolbar;

base.OnCreate(savedInstanceState);

// 应用自定义样式
TabLayoutResource = Resource.Layout.CustomTabLayout; // 自定义的TabLayout布局
TabbedPage.ToolbarPlacement = ToolbarPlacement.Bottom; // 设置TabBar在底部

Xamarin.Forms.Forms.Init(this, savedInstanceState);
LoadApplication(new App());

最后,在Xamarin Forms项目中的App.xaml.cs文件中,找到App类的构造函数,并添加以下代码,将自定义的样式应用到TabbedPage上:

代码语言:txt
复制
public App()
{
    InitializeComponent();

    // 应用自定义样式
    Resources["CustomTabbedPageStyle"] = Resource.Style.CustomTabbedPage; // 自定义的TabbedPage样式
    MainPage = new MainPage();
}

通过以上步骤,你可以在Xamarin Android中使用TabbedPage.ToolbarPlacement="Bottom"时更改TabBar字体系列。自定义样式中的android:fontFamily属性可以根据需求进行修改,以满足不同的字体需求。

注意:以上代码中的CustomTabLayout和CustomTabbedPageStyle是自定义的布局和样式名称,你可以根据实际情况进行修改。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

笔记 | Xamarin

引言 文件读写 参考: 使用 Xamarin.Android 对外部存储进行的文件访问 - Xamarin | Microsoft Docs Xamarin 的文件系统访问 - Xamarin | Microsoft...: 分组内容 当 Tab 存在多个 ShellContent,,会在内部再次分布, 若 Tab 父级是 TabBar,则会在那个页面显示 顶部导航选项卡,以对应多个 ShellContent, 若...同时使用 TabBar 和 Flyout - 爱编程的大狗 没办法直接在Shell,同时显式定义 FlyoutItem 和 TabBar 只能通过 FlyoutItem 隐式达到效果 注意: 并没有在...Shell tabbar 页面之间滑动_c++_帮酷编程问答 [Feature] Swipe left/right to navigate between upper/bottom tabs of...11data访问限制如何解决 JarBinding 极光推送 参考: Xamarin学习系列之极光消息推送(示例代码)_136.la 极光推送 - Android SDK 集成指南 - 极光文档 Xamarin

23.9K20

.NET MAUI 性能提升(上)

图像使用Glide 减少Java互操作调用 将android XML移植到Java 删除Microsoft.Extensions.Hosting 在启动减少Shell初始化 字体不应该使用临时文件 编译在平台上计算...对于如何在未来的.NET版本重新构建它,我们有一些想法。 除了.NET 6之外,针对当前客户Xamarin. Android的最新版本也附带了这一更改。...我们正在研究如何在未来的.NET版本改进这一点。 查看xamarin-android#6657和xamarin-android#6707了解这个改进的详细信息。...当在构建为Java方法生成c#绑定时,默认使用更新/更快的方法—在Xamarin.Android已经有一段时间了。...如果我们将这个概念应用到.NET MAUI的每个android View,我们可以创建一个~18参数的方法用于View创建。后续的属性更改可以直接调用标准的android api。

8.5K20

dotnet Multi-platform App UI 多平台应用 UI 框架简介

在 .NET 5 微软统一了整个 .NET 平台,将 .NET Core 和 Mono 以及基于 Mono 的 Xamarin 放在一起,于是就可以使用相同的一个 BCL 基础库和 SDK 工具链 当咱在考虑如何在...很多年以来,都有很多商业公司,这个链接 https://dotnet.microsoft.com/apps/xamarin/customers 列举出来的公司,都在使用 Xamarin 用 .NET....NET 开发人员的技术选择,提供了一个技术栈来支持所有现代工作开发Android,iOS,macOS和Windows平台的开发。...无论是使用哪个版本的 IDE Visual Studio 2019,Visual Studio for Mac甚至是 Visual Studio Code 工具,.NET MAUI 将在所有这些版本可用...,Xamarin.iOS和 Xamarin.Android 将作为.NET for iOS和.NET for Android成为.NET 6的一部分。

5.2K20

译 | .NET Multi-platform App UI 多平台应用 UI 框架简介

在 .NET 5 微软统一了整个 .NET 平台,将 .NET Core 和 Mono 以及基于 Mono 的 Xamarin 放在一起,于是就可以使用相同的一个 BCL 基础库和 SDK 工具链 当咱在考虑如何在...很多年以来,都有很多商业公司,这个链接 https://dotnet.microsoft.com/apps/xamarin/customers 列举出来的公司,都在使用 Xamarin 用 .NET....NET 开发人员的技术选择,提供了一个技术栈来支持所有现代工作开发Android,iOS,macOS和Windows平台的开发。...无论是使用哪个版本的 IDE Visual Studio 2019,Visual Studio for Mac甚至是 Visual Studio Code 工具,.NET MAUI 将在所有这些版本可用...,Xamarin.iOS和 Xamarin.Android 将作为.NET for iOS和.NET for Android成为.NET 6的一部分。

4.7K10

『React Navigation 3x系列教程』createMaterialTopTabNavigator开发指南

path(可选):用来设置支持schema跳转使用,具体使用会在下文的有关Schema章节中讲到; navigationOptions(可选):用以配置全局的屏幕导航选项:title、headerRight...如果是,一旦该 Tab 页失去焦点,将被移出当前页面, 从而提高内存使用率。 animationEnabled : 切换页面是否有动画效果。...ripple(仅支持 Android >= 5.0; pressOpacity -按下标签的不透明度(支持 iOS 和 Android < 5.0); scrollEnabled -是否支持 选项卡滚动...TabNavigator的时候; 初始化传参:如何在设置页面的时候传递参数呢?...大家在学习使用React Navigation3x过程遇到任何问题都可以在React Navigation3x的视频教程寻找答案哈。

12.6K20

【云+社区年度征文】uni-app初体验

开发者使用 uni-app 编写的一套代码,可同时发布到 IOS、Android、H5、以及各种小程序(微信、支付宝、百度、头条、QQ、钉钉)等多个平台。一套代码,多处发布,这正是它特有的优势。...使用真机或模拟器调试,可能会遇到各种各样的问题,由于问题情况过多,请直接参考 DCloud 社区连接真机的常见问题。...,tab 的背景色; borderStyle:类型为 String,tabbar 上边框的颜色,可选值 black / white; position:类型为 String,可选值 bottom、top...": { "color":"#4CD964", // 未选中的字体颜色 "selectedColor":"#F0AD4E", // 选中的字体颜色...的页面展现过一次后就保留在内存,再次切换 tabbar 页面,只会触发每个页面的 onShow,不会再触发 onLoad。

2.6K3612

uni-app开发一个小视频应用(一)

“ uni-app 是一个使用 Vue.js 开发所有前端应用的框架,是一种终极的跨平台解决方案,这里的平台,主要指的是App平台(android、ios)、小程序平台、H5平台。...同时我们又需要将底部导航栏的页面设置为tabBar页面,所以我们还是要进行tarBar的配置,而一配置tabBar,那么就会自动出现uni-app提供的默认导航栏,所以我们必须在应用启动onLaunch...所以需要在pages模仿index新建出剩余的四个页面,页面新建完成后,需要配置到pages.json的tarBar,只需要配置list即可,: {...这个文件,这个就是我们要用到的图标字体的css样式,直接引入到项目中即可,为了方便使用,我们将图标字体css文件作为一个全局样式引入到App.vue组件。...使用的时候,我们只需要在需要添加图标字体的标签上,添加上"iconfont 具体的图标样式名"即可,: // App.vue /*每个页面公共css */

3.8K71

Flutter 构建完整应用手册-设计基础知识 顶

在这个例子,我们将创建一个带有3个Tab小部件的TabBar,并将其放置在AppBar。...如果你手动创建一个TabController,你需要将它传递给TabBar。 3.为每个选项卡创建内容 现在我们有了选项卡,我们希望在选择标签显示内容。 为此,我们将使用TabBarView部件。...注意:顺序很重要,必须与TabBar的选项卡顺序相对应!...使用自定义字体 虽然Android和iOS提供高质量的系统字体,但设计师最常见的要求之一是使用自定义字体! 例如,我们可能会从我们的设计人员那里获得一个定制的字体,或者从谷歌字体中下载一种字体。...路线 将字体添加到包 将包和字体添加到我们的应用程序 使用字体 1.将字体添加到包 要从包中导出字体,我们需要将字体文件导入到我们包项目的lib文件夹

7.1K10

Flutter完整开发实战详解(三、 打包与填坑篇)

但由于笔者项目中使用了第三方的插件包 shared_preferences 等,在执行 Archive 的过程却一直出现如下问题: 在 `Archive` 提示找不到 #import <connectivity...二、细节 这里主要讲一些小细节 1、AppBar 在 Flutter AppBar 算是常用 Widget ,而 AppBar 可不仅仅作为标题栏和使用,AppBar上的 leading 和 bottom...AppBar 的 bottom 默认支持 TabBar, 也就是常见的顶部 Tab 的效果,这其实是因为TabBar 实现了 PreferredSizeWidget 的 preferredSize。...leading :通常是左侧按键,不设置一般是 Drawer 的图标或者返回按钮。 flexibleSpace :位于 bottom 和 leading 之间。...2、按键 Flutter 的按键, FlatButton 默认是否有边距和最小大小的。

1.5K10

reactNative跨平台app开发经验分享-跨平台开发兼容

Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 既然已经入了react坑 那自然不会少了移动端app开发神器RN 初衷依然是把自己在公司实际开发遇到的踩坑填坑过程记录下来...RN的样式编辑,在Android和ios上有些也会有所不同 这就涉及到了平台兼容 比较常见的兼容问题有: 大小,宽高,字体,不同手机系统的独占组件等等 如何解决这些问题 我是这样做的:...// 需要注意一点 // ios改变字体需要在node_modules里引入字体库并进行关联设置,不然开发ios app的时候使用自定义字体时会报错,具体设置百度上都有 // 简单的方法是:如果Android...实在需要自定义字体,可以使用系统监控,做ios的兼容判断,去除ios自定义字体 import { Platform } from 'react-native'; const ios = Platform.OS... {Platform.OS === 'android

2.6K20

Flutter完整开发实战详解(三、 打包与填坑篇)

但由于笔者项目中使用了第三方的插件包 shared_preferences 等,在执行 Archive 的过程却一直出现如下问题: 在 `Archive` 提示找不到 #import <connectivity...二、细节 这里主要讲一些小细节 1、AppBar 在 Flutter AppBar 算是常用 Widget ,而 AppBar 可不仅仅作为标题栏和使用,AppBar上的 leading 和 bottom...AppBar 的 bottom 默认支持 TabBar, 也就是常见的顶部 Tab 的效果,这其实是因为TabBar 实现了 PreferredSizeWidget 的 preferredSize。...[600] leading :通常是左侧按键,不设置一般是 Drawer 的图标或者返回按钮。 flexibleSpace :位于 bottom 和 leading 之间。...2、按键 Flutter 的按键, FlatButton 默认是否有边距和最小大小的。

3.6K30
领券