GVKun编程网logo

ios – 具有地图应用行为的搜索栏(选中时导航栏全宽)(ios地图常用地点)

17

在本文中,我们将给您介绍关于ios–具有地图应用行为的搜索栏(选中时导航栏全宽)的详细内容,并且为您解答ios地图常用地点的相关问题,此外,我们还将为您提供关于android判断手机是否安装地图应用实

在本文中,我们将给您介绍关于ios – 具有地图应用行为的搜索栏(选中时导航栏全宽)的详细内容,并且为您解答ios地图常用地点的相关问题,此外,我们还将为您提供关于android判断手机是否安装地图应用实现跳转到该地图应用、Android应用程序的搜索栏、css – Bootstrap 4:如何在容器中使用内容的全宽导航栏(如SO导航栏)?、css – 全宽水平导航栏,均匀间隔的物品的知识。

本文目录一览:

ios – 具有地图应用行为的搜索栏(选中时导航栏全宽)(ios地图常用地点)

ios – 具有地图应用行为的搜索栏(选中时导航栏全宽)(ios地图常用地点)

我正在尝试显示一个搜索栏,其行为与原生地图应用中的行为完全相同.我的意思是:

>我的导航栏标题视图中的搜索栏
>选中后,搜索栏占据导航栏的整个宽度,然后显示SearchdisplayController

到目前为止,我设法得到以下行为:

正如您在上面所看到的,我无法让搜索栏占据选择的全宽.虽然,全宽取消按钮似乎是与SearchdisplayController挂钩的搜索栏的默认行为,至少如果搜索栏没有添加到导航栏!

我错过了一种明显的方法吗?或者,当调用searchBarShouldBeginEditing时,我是否必须自己自定义导航栏?

解决方法

只要我没有完美的解决方案,我就会做以下事情.但我仍然愿意接受更好的事情!
- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar {
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(onCancel)];
    [UIView animateWithDuration:0.1 animations:^(){
        self.navigationItem.leftBarButtonItem = nil;
    }];
return YES;
}

- (void)onCancel {
    [self.searchController setActive:NO];
}

- (BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar {
    [UIView animateWithDuration:0.1 animations:^(){
        self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"OpenMenuButton.png"] style:UIBarButtonItemStylePlain target:self action:@selector(openSideMenu:)];
    }];
    self.navigationItem.rightBarButtonItem =self.doneButton;
    return YES;
}

此外,我想知道地图应用程序是否实际使用导航控制器,因为有令我感到惊讶的自定义行为(titleView的宽度,leftBarButton的动画在屏幕外).

android判断手机是否安装地图应用实现跳转到该地图应用

android判断手机是否安装地图应用实现跳转到该地图应用

前言

现在很多应用都会用到地图,但是我们肯定不想自己的app中还要弄个导航神马的,所以第三方的地图也为我们开辟了一条捷径,直接将数据传输到地图应用,让第三方的地图帮我们来做好这一切。现在比较流行的地图应用百度地图,高德地图,腾讯地图,在这里我用高德地图作为测试。

首先你需要判断手机中有没有安装地图应用,在这里提供一个方法:

判断手机是否安装某一应用

上述的packagename是你要检测的应用的包名,怎么查看包名请自行百度哈!

判断好之后,我们可以定义,当有地图应用的时候,就跳转到地图应用,当无地图应用的时候,就跳转到网页:

跳转到高德地图:

参数:

act=android.intent.action.VIEW

dat=androidamap://keywordNavi?sourceApplication=softname&keyword=方恒国际中心 &style=2

pkg=com.autonavi.minimap

上述dat参数中的keyword后面是你要传给高德地图app的参数

使用方式:

Intent intent=new Intent(act,android.net.Uri.parse(dat));

intent.setPackage(pkg);

intent.startActivity(intent);

这样就可以了,当然了,当手机中没有安装高德地图时,你可以跳转到网页:

参数:

act=android.intent.action.VIEW

dat=http://m.amap.com/?k=方恒国际中心

上述dat参数中的k后面是你要传给高德地图网页的参数

使用方式:

Intent intent=new Intent(cat,dat);

intent.startActivity(intent);

这样就比较完整了。

最后,你可以去百度地图开发者中心和腾讯地图开发者中心查找与之对应得方法来完善这个。

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能带来一定的帮助,如果有疑问大家可以留言交流。

Android应用程序的搜索栏

Android应用程序的搜索栏

我正在创建一个具有google maps功能的android应用程序,我希望最终结果看起来像google maps应用程序,我将地图与导航抽屉一起使用,但是我被卡在搜索栏中,我希望它就像官方应用中的搜索栏一样,但我不知道从哪里开始,该搜索栏是一个片段吗?动作栏?我应该找什么?

解决方法:

使用Place Autocomplete,这比您想象的要简单.

如果卡住,请大声喊叫.

css – Bootstrap 4:如何在容器中使用内容的全宽导航栏(如SO导航栏)?

css – Bootstrap 4:如何在容器中使用内容的全宽导航栏(如SO导航栏)?

我正在使用Bootstrap 4.

如何制作像SO导航栏一样的导航栏?

内容如同“容器”对齐,但在引导程序4中的“容器 – 流体”的宽度?

我想要“固定顶部”导航栏设置的宽度,而不是固定顶部和导航栏内容在“容器”中.

我想提供一个例子,但我想尝试制作与本页顶部的导航栏完全相同的东西.

最佳答案
只需在.container元素周围包装一个元素.

@import url( 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css' );

#primary-nav {
  background-color: skyblue;
}

css – 全宽水平导航栏,均匀间隔的物品

css – 全宽水平导航栏,均匀间隔的物品

初始点:

starting point http://img12.imageshack.us/img12/3100/example1a.gif

终点:

end point http://img846.imageshack.us/img846/799/example2w.gif

我想要一个水平的导航栏,填充100%的容器.在第一个例子中,您会看到所有的项目与左边对齐.我试图让它填充容器的整个宽度,如第二个例子所示.我想要所有的项目之间的间距是统一的(不像显示的方式,我只是把它放在一起快速给你一个想法我想做什么).我需要的文字不是一个图像,它所进入的容器是流体不固定的.

解决方法

使用静态数量的元素很容易 – http://jsfiddle.net/X56cJ/

但是,如果要在文本之间具有均匀的间距,而不是元素本身,那就变得棘手.再次,如果元素的数量没有改变,你可以用css类和静态宽度来实现.否则它必须是javascript

编辑:这是在元素之间获得相同空间的JavaScript方式.

HTML:

<ul>
    <li>About Us</li>
    <li>Our Products</li>
    <li>FAQs</li>
    <li>Contact</li>
    <li>Login</li>
</ul>

JS:

function alignMenuItems(){
    var totEltWidth = 0;
    var menuWidth = $('ul.menu')[0].offsetWidth;
    var availableWidth = 0;
    var space = 0;

    var elts = $('.menu li');
    elts.each(function(inx,elt) {
        // reset paddding to 0 to get correct offsetwidth
        $(elt).css('padding-left','0px');
        $(elt).css('padding-right','0px');

        totEltWidth += elt.offsetWidth;
    });

    availableWidth = menuWidth - totEltWidth;

    space = availableWidth/(elts.length);

    elts.each(function(inx,elt) {
        $(elt).css('padding-left',(space/2) + 'px');
        $(elt).css('padding-right',(space/2) + 'px');
    });
}

全文here

关于ios – 具有地图应用行为的搜索栏(选中时导航栏全宽)ios地图常用地点的介绍现已完结,谢谢您的耐心阅读,如果想了解更多关于android判断手机是否安装地图应用实现跳转到该地图应用、Android应用程序的搜索栏、css – Bootstrap 4:如何在容器中使用内容的全宽导航栏(如SO导航栏)?、css – 全宽水平导航栏,均匀间隔的物品的相关知识,请在本站寻找。

本文标签: