Navigation Bar with Segmented Control

I've been looking everywhere for this, I just don't get it ...
I'm completly new to iPhone development and the last few days I've been playing around with it.
Here's what I want: a navigation bar with Segmented controls (like you would see in the App store with 'New' and 'What's Hot') and when you select a segment, a view will be loaded, Just like it is in the App store, and then you can switch between the segments.
I've been looking and the only thing i've found is how to change the background color:
- (IBAction)changeSeg {
if (segControl.selectedSegmentIndex == 0) {
self.backgroundColor = [UIColor whiteColor];
if (segControl.selectedSegmentIndex == 1) {
self.backgroundColor = [UIColor blueColor];
if (segControl.selectedSegmentIndex == 2) {
self.backgroundColor = [UIColor greenColor];
Thanks in advance! (it's probably very simple but I just can't find it)

I implemented something similar. In my case the view was a UITableView, so I simply set the data source and delegate to a specified UITableViewController based on the segmented control and then reloaded the table.
If there is a better solution, I would also like to know about it.

Similar Messages

  • Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now ?

    Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now that they do not have the spry option?

    bbull2005 wrote:
    Preran, why wouldn't Dreamweaver include it's own menu/navigation bar widget?
    I can't answer on Preran's or Adobe's behalf, but I think you'll find at least part of the answer here: http://wiki.jqueryui.com/w/page/38666403/Menubar
    Adobe decided to discontinue development of Spry in August last year, and Dreamweaver CC made the switch to using jQuery UI widgets and effects. One reason for dropping Spry was that it failed to work correctly in some browsers. Judging from the fact that the jQuery UI menubar is now "on ice", creating a flyout menu that works reliably across all devices is proving more difficult than originally envisaged.
    Because all other widgets in Dreamweaver CC use jQuery UI, it's a reasonable assumption that Adobe hoped the jQuery UI menubar would be ready in time, but it wasn't.

  • How to create a navigation bar with custom made buttons?

    I'm used to work with a similar program as Muse. In there we can create a single button and link them together into a navigation bar. I have tried all sorts of tutorials but none of them is discussing this possibility.
    To summorize. The idea is to create a button in photoshop and to use this as a theme to build a navigation bar. Possible or not and how? Thanks for assistance. Rgds Rufin

    Hi Brad,
    Thanks for your reply.
    No, not really. I used to work with XARA up till now. And being an Adobe Cloud user I think it a bit silly using two different systems. In XARA I can create a custom button and turn them into a navbar. For your information I include a few links to sites I created with Xara and I would like to know if I can create the same type of navbars with Abobe Muse. I already found out that all the other functions are available and some work a lot better in Muse, but I’m stuck on the navbar issue. I know I can create a button in Adobe PS and use it in Muse. But I didn’t manage to figure out how to create a navbar in Muse on basis of a button created in PS.
    www.restaurant-cedric.be or www.discoamigo.com or www.radioparadijs.be
    Grtz,
    Rufin
    LOGO-RUFIN'S-REISBUREAU-outlook
    Koningslaan 36 – b31
    8300 Knokke – Heist
    Tel: 050621052
    Fax: 050621072
    e-mail:  <mailto:[email protected]> [email protected]
    <http://www.rufins.be/> http://www.rufins.be
    <http://www.travelcoop.be/> travelcoop_logo_2013[1]  <http://ferventreisagent.be/rufins-reisbureau> klein logo
    Van: Brad Lawryk
    Verzonden: zondag 12 oktober 2014 19:40
    Aan: RUFIN DUWEL
    Onderwerp:  How to create a navigation bar with custom made buttons?
    How to create a navigation bar with custom made buttons?
    created by Brad Lawryk <https://forums.adobe.com/people/Brad+Lawryk>  in Help with using Adobe Muse CC - View the full discussion <https://forums.adobe.com/message/6817739#6817739>

  • How to align navigation bar with banner?

    Hi i need to align my navigation bar with my banner how can i do this?
    i have attached a picture of how it looks in chrome 1280x1024
    I used Anthony Marchese's guide to do it (http://www.youtube.com/watch?v=l-wuwsZQTl0) but it will not align ive tried everything!!
    also how can i resize a div??
    please help??
    Thanks,
    Gershy14

    THIS IS MY MAIN CODE.
    1  <!doctype html>
    2  <html>
    3  <head>
    4  <meta charset="utf-8">
    5  <title>MusicAtTheD's - the home</title>
    6  <link href="css/styles.css"rel="stylesheet"type="text/css">
    7  <style>
    8
    9
    10  #body {background-image:url(images/washedddd.jpg);background-repeat:no-repeat;background-positi on:center center;
    11  background-attachment:scroll;
    12  }
    13
    14  #navbarOFF li {
    15  font:17px Arial;
    16  display:inline;
    17  list-style-type:none;
    18
    19    }
    20  #navbarOFF a {
    21  background-color:#09F;
    22  color:#fff;
    23  text-decoration:none;
    24  padding-top:15px;
    25  padding-right:28px;
    26  padding-bottom:15px;
    27  padding-left:28px;
    28
    29    }
    30  #navbarOFF a:hover {
    31  background-color:#F90;
    32  color:#666;
    33
    34    }
    35  body {
    36  background-image:url(images/washedddd.jpg);
    37  background-repeat:no-repeat;
    38  }
    39  </style>
    40  </head>
    41
    42  <body bgcolor="#999999"leftmargin="70"
    43  " topmargin="50">
    44  <div id="header"> <img src="images/websitefinalll.jpg" alt="banner" width="752" height="161"></div>
    45  <nav>
    46  <div id="navbarOFF">
    47  <div align="center">
    48  <ul>
    49  <li><a href="#">the home</a></li>
    50  <li><a href="#">the boys</a></li>
    51  <li><a href="#">the gang</a></li>
    52  <li><a href="#">the studio</a></li>
    53  <li><a href="#">the band</a></li>
    54  <li><a href="#">the music</a></li>
    55  </ul>
    56  </div>
    57  </div>
    58  </nav>
    59
    60  </body>
    61  </html>
    62
    CSS SHEET
    1  #body {
    2  background-image:url(images/washedddd.jpg);
    3  background-repeat:no-repeat;
    4  background-position:center center;
    5  background-attachment:scroll;
    6  }
    7  #header {
    8  height:160px;
    9  width:800px;
    10  margin-left:auto;
    11  margin-right:auto;
    12
    13  }

  • One Page Scrolling Site with anchors and a navigation bar with submenus

    Hi,
    I create a one page scrolling site with some anchors.
    Now I want to have a navigation bar with submenus, i.g. one navigation leads to "projects", but within projects I need 6 submenus for every project.
    How can I realize this in muse?
    Thanks,
    Michael

    Create a Manual menu and link to the anchors.
    Widgets Library/Menus/Horizontal
    In the Options pull out screen: Menu Type: Manual
    Mark each menu box you create and link to the specific anchor.
    Refer to this section of a site I created that mimics what you want done:
    PS-AD-15

  • Navigation Bar with template

    I'm administering a web site I inherited from someone else
    who did not use templates as part of designing. Since I took over
    in November 2005 I created a template and began to implement it
    little by little on all the pages. I haven't done it to all of them
    because I notice that the navigation bar dosen't work the same on
    all pages.
    home:
    http://www.hostos.cuny.edu/cso
    home page
    working page w/out template:
    http://www.hostos.cuny.edu/cso/resource_lab.asp
    none working page w/ template:
    none">http://www.hostos.cuny.edu/cso/StuJob_fairs.asp
    none
    working page[L=working page w/out template
    I know he used javascript to do this but i'm not sure what
    code is the one determineing the bar that is highlighted according
    to where on the menu you click.
    Thank you for your help.

    sarahpeller wrote:
    I'm creating a site in Dreamweaver 8. I've placed a navigation bar with roll-over images in the template for the site. In the navigation bar settings, I set the first button to link to "healing.html", second to "resources.html" etc. But when I preview this in my browser, the links are not working. I get this error message:
    File Not Found
    Firefox can't find the file at /Darwin/Users/sarah/Sites/amy_martin_pt/Templates/healing.html.
    This directory looks correct except for the "/Templates" part. I didn't specify that the healing.html file was in a folder called "Templates". I don't know how to fix this or why Dreamweaver is automatically doing this.
    Can anyone help?
    As has already been said have you defined your site correctly at the outset? Site>New Site>Local Info etc?
    Plus you are correct your pages should be in the site root folder NOT the templates folder. Only .dwt files should reside in that.
    I assume that you have saved the template to your defined site folder and created a new page from the template and saved that?

  • Navigation Bar with Rollovers inside to extend all the way across x-axis

    I have a dreamweaver cs4 question. I need to have a navigation bar, that lines up with a background image that DOES not move when scaling the webpages in and out. The images must have rollovers, is there a way to either insert a repeating x-axis image and placing text on top and adding a script element to make the text rollover links?
    All I need is a navigation bar with rollover links in the middle that extends all the way to the sides of the page regardless of browers or screen size.
    Currently I have a divtag with rollover images and a background image that has the same image as the divtag so it looks like the navbar goes all the way across, but when I zoom in and out the background image or the div tag moves just by 1 pixel making them not lined up. example here: its more evident in google chrome http://www.olympicvalleycapital.com/about.html.
    Please help! this is killing me and I dont have much scripting experience so I am trying to do this using the UI elements.
    Or is there a way to prevent the background image from resizing when zooming in and out, like a fixed or absolute dynamic to apply to the background?

    If you quit using position absolute for a basic layout, you will be amply rewarded.
    Going through many of the posts with a similar topic you will find out why.
    Gramps

  • CSS or JS Navigation Bar with inline Styled Search Field

    Does anyone know of a good tutorial on how to create a CSS or
    JS navigation bar that would contain a matching styled search field
    box?
    I have tried creating something like this a couple of times
    using the old JS Navigation Bar wizard in DW, but can't get the
    results I need. I can never seem to add a column that would include
    a search box and have it look right and inline with the rest of the
    navigation.
    For reference, I am trying to do a nav that is somewhat
    similiar to Apple's Nav bar, where the search field is styled to
    match the rest of the Nav and inline with the rest of the buttons.
    Any thoughts?
    Thanks.

    You don't need to use PMM. You can set your menu container to
    position:
    relative and then absolutely position the search box inside.
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"
    "destind4film" <[email protected]> wrote in
    message
    news:fkukir$8l4$[email protected]..
    > Hi Al,
    >
    > Thanks for the quick reply. I had actually checked your
    site earlier
    > today,
    > since I have had such an awesome experience with your
    accordion menus.
    >
    > That example is almost exactly what I am trying to do,
    minus the dropdown
    > menu
    > buttons. The buttons currently are just simple rollovers
    that go directly
    > to
    > other pages, but I am trying to place a styled search
    box to the right
    > like
    > your example has.
    >
    > Here is the current page (also using the PVII Accordion
    Menu) that does
    > not
    > have the search added yet, but you can see that I have
    plenty of real
    > estate to
    > include one:
    >
    >
    http://www.dvdflashbacks.com/mrhubcap/
    >
    > Questions:
    > Can the pop menu be used with my current roll over
    images for basic Nav
    > bars
    > like this?
    > How easy is it to add the search field to this menu?
    (This is a PHP/MySql
    > backend for the site using Cartweaver3. I have a php
    search snippet from
    > CW3
    > that I was trying to stick into a table cell next to
    this nav but the cell
    > would never align properly for some reason.)
    >
    > Thank you very much and Merry 'Belated' Christmas!
    >

  • Navigation bar with one level

    Hi,
    how can I use a navigation bar only with one level?
    any ideas,
    thanks in advance,
    david

    hi,
    Check this document
    http://help.sap.com/saphelp_nw04/helpdata/en/5a/33befa45ca7f459b24d0c5d51d0749/frameset.htm
    Regards,
    Ganesh N
    Reward useful answers

  • Odd Behavior with Segmented Control (iPhone OS 3.1)

    I have this method, which is supposed to change the color that a shape is to be drawn in when I change the value of a segmented control:
    - (IBAction)changeColor: (id)sender {
    UISegmentedControl *control = sender;
    NSInteger index = [control selectedSegmentIndex];
    QuartzFunView *quartzView = (QuartzFunView *)self.view;
    switch (index) {
    case kRedColorTab:
    quartzView.currentColor = [UIColor redColor];
    quartzView.useRandomColor = NO;
    break;
    case kBlueColorTab:
    quartzView.currentColor = [UIColor blueColor];
    quartzView.useRandomColor = NO;
    case kYellowColorTab:
    quartzView.currentColor = [UIColor yellowColor];
    quartzView.useRandomColor = NO;
    break;
    case kGreenColorTab:
    quartzView.currentColor = [UIColor greenColor];
    quartzView.useRandomColor = NO;
    break;
    case kRandomColorTab:
    quartzView.useRandomColor = YES;
    break;
    default:
    break;
    The issue here is that everything works...except for just the blue segment (the second segment).
    The drawRect method I'm using is as follows:
    - (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, currentColor.CGColor);
    switch (shapeType) {
    case kLineShape:
    CGContextMoveToPoint(context, firstTouch.x, firstTouch.y);
    CGContextAddLineToPoint(context, lastTouch.x, lastTouch.y);
    CGContextStrokePath(context);
    break;
    case kRectShape:
    break;
    case kImageShape:
    break;
    default:
    break;
    and kBlueColorTab is defined as
    typedef enum {
    kRedColorTab = 0,
    kBlueColorTab,
    kYellowColorTab,
    kGreenColorTab,
    kRandomColorTab
    } ColorTabIndex;
    As I've said before, all the tabs except for that specific one works. I've double checked the connections and syntax as well, and I can't figure out what's wrong. Am I'm just missing something, or is there something else going on here that I'm not aware of?
    BTW, this code is from Chapter 12 of Mark and LaMarche's +Beginning iPhone 3 Development+ book, for the sake of a context.
    Message was edited by: musicwind95
    UPDATE: After filling in the rest of that switch statement, the same issue occurs for rectangles and ellipses. The fill color, which is the same as the stroke, is red for the red segment, yellow for both the blue and yellow segment, and green for the green segment. The random segment works properly as well, just not the blue one.
    Message was edited by: musicwind95

    You just forgot the break statement at the end of the blue case. Thus execution "falls through" into the yellow case, so the color for kBlueColorTab is yellow. Some C programmers move the break back one tab so it's absence is more visible. E.g.:
    switch (index) {
    case kRedColorTab:
    quartzView.currentColor = [UIColor redColor];
    quartzView.useRandomColor = NO;
    break;
    case kBlueColorTab:
    quartzView.currentColor = [UIColor blueColor];
    quartzView.useRandomColor = NO;
    break
    case kYellowColorTab:
    quartzView.currentColor = [UIColor yellowColor];
    quartzView.useRandomColor = NO;
    break;
    - Ray

  • How to Incorporate "fade" Into the Navigation Bar with iWeb?

    I started wondering about and exploring this topic in another thread. I would like to make the navigation bar shine brightly and then slowly fade whenever the cursor overlaps the navigation buttons. Does anyone have any idea how to do this? For an example of what I'm looking for, please visit Neonsky.com. This company is a website builder that has, as one of its features, the fading navigation bar option that I'm looking to incorporate into iWeb. Just look at some of their featured websites for an example. I also found the following doing a google search. Any thoughts and ideas of how to get this feature on my iWeb designed website would be helpful. Thank you.
    http://dreamweavermenu.com/dreamweaver-navigation-bar-fade.html

    Leave all files in the folder as you downloaded them. Drop the index.html file on the browser icon. You will then see what the menu will look like when published on a page. Edit the index.html file to your needs. Your edits will be shown in the browser window (save file upon edit - don't worry, you can still undo in most editors - and refresh the browser window).
    If required, also edit the main.css and image files.
    When done, copy the contents of the index.html file into a HTML snippet in iWeb. Position the snippet to exactly where you want it to be (height and width accordingly) and publish. Upload the other files manually and make sure that their path on the iDisk/server matches the path mentioned in the index.html and main.css files.
    As you will have gathered, you need to understand some HTML and CSS. You may acquire understanding and knowledge by trial and error.

  • How to make a navigation bar with buttons that stay highlighted

    I have Dreamweaver MX 2004. I know how to make a simple nav
    bar, but how do you make it so it's like the Apple website, with
    buttons that stay highlighted on the appropriate page?

    "[email protected]" <[email protected]>
    wrote in message
    news:gd04sb$5mc$[email protected]..
    >I have Dreamweaver MX 2004. I know how to make a simple
    nav bar, but how
    >do you make it so it's like the Apple website, with
    buttons that stay
    >highlighted on the appropriate page?
    http://divahtml.com/products/divaGPS/current_menu_location.php
    Thierry
    http://www.TJKDesign.com/go/?0
    | Articles and Tutorials
    http://divahtml.com/products/scripts_dreamweaver_extensions.php
    | Extensions
    that keep your markup clean
    http://www.fourlevel.com/ |
    CSS Menus, Gallery, Tab Panels, etc

  • Problem with custom navigation bar

    I'm trying to create a custom left navigation bar with adaptive tag. when user click on the link it will direct to a pagelet which is created with page template. How can I do it? I don't understand what is pt:objectid? Where can I look for answer? I just need a simple example. Thank you.

    You can get the object id from the "Edit this Community" feature under "My Communities" then look in "properties and names". If you look in the address bar you could also see the objid in there (objId=1234). I was having problems with this too.
    What I did was use the ptdata tag like this:
    <div id="topNav">
    <pt:ptdata.currentcommunityiddata pt:id="currcomm" />
    <pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" />
    <ul>
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
    </li>
    <pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
    <pt:logic.value pt:value="$varCommunityPage.title"/>
    </pt:core.html>
    </li>
    </pt:logic.foreach>
    </ul>
    </div></p>
    <p>This is for a community that has subcommunities. you could also do the same thing with pages instead.
    Short explaination:
    This line sets up a data object for the current community data and assigns it the variable name "currcomm":
    <pt:ptdata.currentcommunityiddata pt:id="currcomm" /></p>
    <p>This line gets the subcommunities for a particular community (in this case commid="1234" ). You specify which community with the pt:commid.
    <pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" /></p>
    <p>I used a <ul> for it but you could really do it any way you want.</p>
    <p>I added a static "home" tab that will always link to my top level page of the community. this is optional and there may be a better way of doing it:
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
    </li></p>
    <p>for a link to your page you can use this tag. You can get both the objectid and classid from the "properties and names" page as mentioned above. pt:mode is how/what should be displayed (The action of the link (Opener mode). 1 = Open, 2 = View, 3 =ViewMeta.)
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">
    I also have a choose in there to test if the current community you're in is the same as the community of the link. That lets me add a class="down" for a down state. </p>
    <p>This loops through all the subcommunities and builds a link in this format <li>TITLE OF COMMUNITY</li>. </p>
    <p><pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
    <pt:logic.value pt:value="$varCommunityPage.title"/>
    </pt:core.html>
    </li>
    </pt:logic.foreach>
    </p>
    <p>Hopefully that is what you're trying to do.
    Like I said, you can use the same process for pages instead of subcommunities by using the communitypagesdata tag instead of subcommunitiesdata. You could also combine the two and list all the subcommunities with a foreach loop and inside each loop get the pages from the communitypagesdata with the commid set to the subcommunity objid for that subcommunity.</p><p>
    THis document is very helpful with PT tags... [url http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html]http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html</p>
    -Matt
    Edited by thelimpingtoad at 03/14/2008 5:55 AM

  • Javascript Problems with Navigation Bar

    Hello,
    The navigation bar created by iWeb uses Javascript. Javascript is turned off on some of the machines that will be visiting my site. Is there a way to tell iWeb to just create the navigation bar with simple html code instead of hand-jamming it into each page myself? Thanks.

    Well yes, you can hide your nice navigation bar at the top of the page and create your own text based nav bar. It can look exactly the same as the other if you want it to - you can use the same text and get the same colour, so you can achieve exactly the same look as the other one that you have hidden and put it in exactly the same place. It is just that the one you create will be text based and don't forget to hyperlink your pages too.
    I have never used the page template nav bars on my site as they just don't fit and most of the nav bars are at the top of the page anyway and as I have quite a few links on my site, this just does not work. It took me a long time to make my nav bar, as I did all the links individually to look like a drop down menu down the side of my site - I am glad I did though as I like the effect achieved.

  • Saving Navigation Bar as Library Item with CSS working?

    I have created a simple navigation bar with a separate color for "over" and saved it as a library item. A warning box indicates that the item may not work the same as the original as the CSS may not be copied. What is the simplest method for correcting this?

    If your html docs are linked to an external stylesheet, they will get their styles from the CSS file.
    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
    I highly recommend using server-side includes instead of Library Items for menus.  A server-side include file is easier to maintain by editing one file and uploading it to your server. With Library Items you must make changes to the Library Item and then re-publish all pages containing that item.
    SSI's
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    More on SSI
    http://forums.adobe.com/message/2112460#2112460
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for