搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏GuZhenYin
C#使用Xamarin开发可移植移动应用进阶篇(7.使用布局渲染器,修改默认布局),附源码
_bottomBar; private Page _currentPage; private int _lastSelectedTabIndex = -1; RemoveFromParent(); _bottomBar = CreateBottomBar(element); AddView (_bottomBar); LoadPageContent(0); } ///
/// 清除旧的底部控件 = null) { _bottomBar.RemoveFromParent(); _bottomBar.Dispose CreateBottomBar(MainPage element) { var bar = new BottomBar(Context);
1.8K70发布于 2018-01-04
来自专栏终身开发者
Android实现长图截取、拼接和添加水印
于是就有了以下方法 /** * 截图,调用此方法之前，说明view已经显示并绘制完成 * * @param toolbar toolbarView * @param bottomBar 是否添加水印 * @param callback 回调，返回截图地址 */public static void screenshot(@NonNull View toolbar, View bottomBar width = contentView.getWidth(); int topHeight = toolbar.getHeight(); int bottomH = 0; if (bottomBar = null) { bottomBar.setDrawingCacheEnabled(true); bottomBmp = bottomBar.getDrawingCache = null) { bottomBar.setDrawingCacheEnabled(false); } }, 500);}private static void
2.6K10发布于 2019-07-31
来自专栏生如夏花绚烂
css 边框重合加边框双向展开实现
d-flex j-sb a-center position-relative"> <view class="car-tab-itm position-relative {{index == bottomBar d-flex j-sb a-center position-relative"> <view class="car-tab-itm position-relative {{index == bottomBar text-light-dark-more">{{item.title}}</text> <view class="car-tab-itm-border" wx:if="{{index == bottomBar d-flex j-sb a-center position-relative"> <view class="car-tab-itm position-relative {{index == bottomBar text-light-dark-more">{{item.title}}</text> <view class="car-tab-itm-border" wx:if="{{index == bottomBar
3.5K20编辑于 2022-09-14
来自专栏万丈高楼平地起
vue自定义底部居中固定栏
4.底部固定栏需要按需才展示在不同的页面 1.子组件： export default { name: "BottomBar", props: { // 按钮文案 text: justify-content: center; align-items: center; border-top: 1px solid #f1f1f1; } 2.父组件： import BottomBar from "&&/components/bottomBar/index.vue"; export default { data() { return { loading: true
1.1K20编辑于 2023-07-31
来自专栏各类技术文章~
android Compose中沉浸式设计和导航栏的处理
Material Design风格的顶部和底部导航栏 Compose中Material Design风格的设计我们的做法如下： 1、使用Scafoold作为页面的顶级，Scafoold中承载topbar和bottombar Icons.Filled.ArrowBack, "") } }) } } 复制代码处理状态栏前后的ui状态处理前：处理后：结论是经过我们的处理后解决了状态栏的遮挡 BottomBar 代码 bottomBar = { Column { Row( modifier = Modifier
4.6K20发布于 2021-11-02
来自专栏IMWeb前端团队
兼容iphone x * 刘海的正确姿势
我们之前是这么处理的：首先在 <html> 中加入对应的 className：has-bottombar <html class="has-bottombar"> <head></head> screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) { .has-bottombar -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 34px; } .has-bottombar
1.5K30发布于 2019-12-03
来自专栏LeoXu的博客
[翻译]Ext JS 教程-类系统原
/** @readonly */

isWindow: true,

config: {

title: 'Title Here',

bottomBar p>
}

else {

return title;

}

},

applyBottomBar: function(bottomBar ) {

if (bottomBar) {

if (! this.bottomBar) {

return Ext.create('My.own.WindowBottomBar', bottomBar);

}

else {

this.bottomBar.setConfig(bottomBar);

}

}

}

});

/**
1.7K20发布于 2018-08-15
来自专栏magicodes
EXT.NET复杂布局（一）——工作台
</Items> </ext:PagingToolbar> </BottomBar </Listeners> <LoadMask ShowMask="true" /> <BottomBar PagingToolbar IDMode="Static" ID="PagingToolbar2" runat="server" PageSize="50" /> </BottomBar </Listeners> <LoadMask ShowMask="true" /> <BottomBar <BottomBar> <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="50
2.7K30发布于 2018-12-27
来自专栏腾讯IMWeb前端团队
兼容iPhone X* 刘海的正确姿势
我们之前是这么处理的：首先在 <html> 中加入对应的 className： has-bottombar <html class="has-bottombar"> <head></head> screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) { .has-bottombar 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 34px; } .has-bottombar
98210编辑于 2022-06-29
来自专栏技术汇总专栏
JavaFX 应用开发中的多线程与任务管理机制探讨
Label status = new Label("就绪"); Button loadBtn = new Button("模拟加载（后台）"); HBox bottomBar = new HBox(10, status, new Region(), loadBtn); HBox.setHgrow(bottomBar.getChildren().get(1), Priority.ALWAYS); bottomBar.setPadding(new Insets(10)); BorderPane root = new BorderPane (); root.setTop(topBar); root.setCenter(center); root.setBottom(bottomBar);
33420编辑于 2025-09-14
来自专栏Android知识点总结
Flutter 像素编辑器#02 | 配置编辑
底部信息栏 BottomBar : 展示信息。中间绘制区 EditorArea ：交互绘制像素的区域。 ToolBar(), Expanded(child: Column( children: [Expanded(child: EditorArea()), BottomBar )), OperationArea() ], )), ], ), ); } } 目前 BottomBar
81910编辑于 2024-04-12
来自专栏Android常用基础
Navigation深入浅出，到出神入化，再到实战改造(三)
return null; } /** * main_tabs_config.json 通常由服务器下发，告知我们那些menu需要展示 * 自定义BottomBar navView) { String content = parseFile(navView.getContext(), "main_tabs_config.json"); BottomBar bottomBar = JSON.parseObject(content, BottomBar.class); List<BottomBar.Tab> tabs = null; tabs = Objects.requireNonNull(bottomBar).tabs; Menu menu = navView.getMenu(); for (BottomBar.Tab pageUrl": "main/tabs/notification", "title": "Notification" } ] } 对应实体： public class BottomBar
83630编辑于 2022-03-29
来自专栏神光的编程秘籍
react-dnd 从入门到手写低代码编辑器
aaa"></BarItem> <BarItem type="bbb"></BarItem> <BarItem type="ccc"></BarItem>
写下样式： .bottomBar { border: 1px solid #000; display: flex; } .bottomBar .bar-item { border: 1px solid blue 然后是从 bottomBar 拖到 1-0-2 的情况： const swapPosition = useCallback((item: any, path2: string) => { const className="drop-zone-horizental" path={`${layout.length}`}></DropZone> <div className="bottomBar { border: 1px solid #000; display: flex; } .bottomBar .bar-item { border: 1px solid blue
2.4K20编辑于 2023-09-13

来自专栏Android、鸿蒙开发

Android Compose 新闻App（七）网络图片加载、Tab、HorizontalPager

App（七）网络图片加载、Tab、HorizontalPager 前言正文一、申请API ① 增加服务接口 ② HomeRepository ③ HomeViewModel 二、网络图片加载三、BottomBar 这里的图片使用AsyncImage，而不是Image，在这个控件里面增加图片的加载地址，然后修改一下图片的宽高和占满边界，注意一下上面这段代码添加的位置，如下图所示：下面我们运行一下：三、BottomBar 可以看到这里的BottomBar遮挡住客了这个列表的最后一项，那么怎么解决这个问题呢？其实很简单，一行代码解决问题。

2.6K40编辑于 2022-05-04

来自专栏magicodes

CodeSmith系列（三）——使用CodeSmith生成ASP.NET页面

</DirectEvents> </ext:Button> </Buttons> <BottomBar > <ext:StatusBar ID="StatusBar1" runat="server" /> </BottomBar> </DirectEvents> </ext:Button> </Buttons> <BottomBar > <ext:StatusBar ID="StatusBar1" runat="server" /> </BottomBar>

1.9K40发布于 2018-12-27

来自专栏HikariLan's Blog

QQ频道（内测版）整体使用简谈

我使用的 QQ 版本 Android QQ: 8.8.38(2266) PC QQ: 9.5.2.27899 QQ 频道入口位置 Android QQ：频道按钮放到了 BottomBar 的位置，现在看起来好像没什么问题并且对于开启了 QQ 看点的用户来讲，加上QQ 频道会使 BottomBar 显示整整五个按钮，总归是有些拥挤的。

4.6K40编辑于 2022-10-27

来自专栏全栈程序员必看

Android上图片文字识别

TesMainActivity" android:background="@drawable/beijing6" > <LinearLayout android:id="@+id/bottombar1 android:text="拍照" /> </LinearLayout> <RelativeLayout android:id="@+id/bottombar layout_width="fill_parent" android:layout_height="wrap_content" android:layout_above="@id/bottombar1 layout_width="fill_parent" android:layout_height="wrap_content" android:layout_above="@id/bottombar

36.4K30编辑于 2022-07-01

来自专栏Android群英传

PWA程序实践

一个移动应用，应该是包括 ActionBar(StatusBar)、Content、BottomBar(FooterBar)三部分构成。 ActionBar 和 BottomBar 基本是固定的不会有大变化，这部分用 html 很容易实现，最主要的是 Content 部分，这部分内容是动态改变的，不包括在 App Shell 中，因此这里我们先不管他

52620发布于 2018-07-20

来自专栏android技术

compose--初入compose、资源获取、标准控件与布局

} ) { paddings -> Box(modifier = Modifier.padding(paddings)) } } 预览效果： 4.2 bottomBar 和topBar对应，bottomBar是用来存放底部子组件的槽位，如：BottomAppBar、BottomNavigation： @OptIn(ExperimentalMaterial3Api::class @Composable fun MyScaffold() { Scaffold( topBar = { ... }, bottomBar scope = rememberCoroutineScope() Scaffold( topBar = { ... }, bottomBar scope = rememberCoroutineScope() Scaffold( topBar = { ... }, bottomBar

8.2K30编辑于 2022-12-06

来自专栏用户4077185的专栏

Android | Compose 初上手

fun Scaffold( modifier: Modifier = Modifier, topBar: @Composable () -> Unit = {}, bottomBar 按钮位置 containerColor：背景颜色 contentColor：内容首选颜色看一个栗子： Scaffold( topBar = { //..... }, bottomBar = bottomBar, ) { Box( modifier = Modifier .fillMaxSize() .padding = { BottomBar(mainBottomState) } ) { when (mainBottomState.value) { 2 -> FLCompos() else -> UserCompos() } } } @Composable private fun BottomBar

6.3K21编辑于 2022-06-12

第 2 页第 3 页

点击加载更多

C#使用Xamarin开发可移植移动应用进阶篇(7.使用布局渲染器,修改默认布局),附源码

Android实现长图截取、拼接和添加水印

css 边框重合加边框双向展开实现

vue自定义底部居中固定栏

android Compose中沉浸式设计和导航栏的处理

兼容iphone x * 刘海的正确姿势

[翻译]Ext JS 教程-类系统原

EXT.NET复杂布局（一）——工作台

兼容iPhone X* 刘海的正确姿势

JavaFX 应用开发中的多线程与任务管理机制探讨

Flutter 像素编辑器#02 | 配置编辑

Navigation深入浅出，到出神入化，再到实战改造(三)

react-dnd 从入门到手写低代码编辑器

Android Compose 新闻App（七）网络图片加载、Tab、HorizontalPager

CodeSmith系列（三）——使用CodeSmith生成ASP.NET页面

QQ频道（内测版）整体使用简谈

Android上图片文字识别

PWA程序实践

compose--初入compose、资源获取、标准控件与布局

Android | Compose 初上手

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

C#使用Xamarin开发可移植移动应用进阶篇(7.使用布局渲染器,修改默认布局),附源码

Android实现长图截取、拼接和添加水印

css 边框重合加边框双向展开实现

vue自定义底部居中固定栏

android Compose中沉浸式设计和导航栏的处理

兼容iphone x * 刘海的正确姿势

[翻译]Ext JS 教程-类系统 原

EXT.NET复杂布局（一）——工作台

兼容iPhone X* 刘海的正确姿势

JavaFX 应用开发中的多线程与任务管理机制探讨

Flutter 像素编辑器#02 | 配置编辑

Navigation深入浅出，到出神入化，再到实战改造(三)

react-dnd 从入门到手写低代码编辑器

Android Compose 新闻App（七）网络图片加载、Tab、HorizontalPager

CodeSmith系列（三）——使用CodeSmith生成ASP.NET页面

QQ频道（内测版）整体使用简谈

Android上图片文字识别

PWA程序实践

compose--初入compose、资源获取、标准控件与布局

Android | Compose 初上手

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

[翻译]Ext JS 教程-类系统原