How to represent page dots/breadcrumbs/page indicator in Watch Interface Builder?
Interface Builder shows the apple watch screen the way it will look without page dots at the bottom. Is there any way to add page dots to IB or any common practices for designing to spec in spite of this limitation? When I make a watch screen that is not vertically-scrollable the page dots cut off the bottom of the page or shift the whole screen up.
This is what it looks like in IB (as you can see there are no page dots)
Edit: This is what it looks like after adding next page segue as was suggested.
swift xcode interface-builder watchkit
asked Nov 19 '18 at 23:11
MykMyk
906
add a comment |
Interface Builder shows the apple watch screen the way it will look without page dots at the bottom. Is there any way to add page dots to IB or any common practices for designing to spec in spite of this limitation? When I make a watch screen that is not vertically-scrollable the page dots cut off the bottom of the page or shift the whole screen up.
This is what it looks like in IB (as you can see there are no page dots)
Edit: This is what it looks like after adding next page segue as was suggested.
swift xcode interface-builder watchkit
asked Nov 19 '18 at 23:11
MykMyk
906
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Sure if it will help.
– Myk
Nov 19 '18 at 23:34
add a comment |
Interface Builder shows the apple watch screen the way it will look without page dots at the bottom. Is there any way to add page dots to IB or any common practices for designing to spec in spite of this limitation? When I make a watch screen that is not vertically-scrollable the page dots cut off the bottom of the page or shift the whole screen up.
This is what it looks like in IB (as you can see there are no page dots)
Edit: This is what it looks like after adding next page segue as was suggested.
swift xcode interface-builder watchkit
asked Nov 19 '18 at 23:11
MykMyk
906
Interface Builder shows the apple watch screen the way it will look without page dots at the bottom. Is there any way to add page dots to IB or any common practices for designing to spec in spite of this limitation? When I make a watch screen that is not vertically-scrollable the page dots cut off the bottom of the page or shift the whole screen up.
This is what it looks like in IB (as you can see there are no page dots)
Edit: This is what it looks like after adding next page segue as was suggested.
swift xcode interface-builder watchkit
swift xcode interface-builder watchkit
asked Nov 19 '18 at 23:11
MykMyk
906
asked Nov 19 '18 at 23:11
MykMyk
906
edited Nov 20 '18 at 0:18
Myk
asked Nov 19 '18 at 23:11
MykMyk
906
asked Nov 19 '18 at 23:11
MykMyk
906
asked Nov 19 '18 at 23:11
MykMyk
906
906
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Sure if it will help.
– Myk
Nov 19 '18 at 23:34
add a comment |
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Sure if it will help.
– Myk
Nov 19 '18 at 23:34
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Sure if it will help.
– Myk
Nov 19 '18 at 23:34
Sure if it will help.
– Myk
Nov 19 '18 at 23:34
add a comment |
1 Answer
1
active
oldest
votes
To create a a page-based interface,
You configure a page-based interface in your app’s storyboard by
creating a next-page segue from one interface controller to the next.
- In your
storyboard, add interface controllers for each of the pages in your
interface.
- Control-click your app’s main interface controller, and
drag the segue line to another interface controller scene.
- The second
interface controller should highlight, indicating that a segue is
possible.
- Release the mouse button. Select “next page” from the
relationship segue panel.
- Using the same technique, create segues from each interface controller to the next. The order in which you create your segues defines the order of the pages in your interface.
https://developer.apple.com/library/archive/documentation/General/Conceptual/WatchKitProgrammingGuide/InterfaceStyles.html#//apple_ref/doc/uid/TP40014969-CH12-SW3
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53383962%2fhow-to-represent-page-dots-breadcrumbs-page-indicator-in-watch-interface-builder%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
To create a a page-based interface,
You configure a page-based interface in your app’s storyboard by
creating a next-page segue from one interface controller to the next.
- In your
storyboard, add interface controllers for each of the pages in your
interface.
- Control-click your app’s main interface controller, and
drag the segue line to another interface controller scene.
- The second
interface controller should highlight, indicating that a segue is
possible.
- Release the mouse button. Select “next page” from the
relationship segue panel.
- Using the same technique, create segues from each interface controller to the next. The order in which you create your segues defines the order of the pages in your interface.
https://developer.apple.com/library/archive/documentation/General/Conceptual/WatchKitProgrammingGuide/InterfaceStyles.html#//apple_ref/doc/uid/TP40014969-CH12-SW3
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
add a comment |
To create a a page-based interface,
You configure a page-based interface in your app’s storyboard by
creating a next-page segue from one interface controller to the next.
- In your
storyboard, add interface controllers for each of the pages in your
interface.
- Control-click your app’s main interface controller, and
drag the segue line to another interface controller scene.
- The second
interface controller should highlight, indicating that a segue is
possible.
- Release the mouse button. Select “next page” from the
relationship segue panel.
- Using the same technique, create segues from each interface controller to the next. The order in which you create your segues defines the order of the pages in your interface.
https://developer.apple.com/library/archive/documentation/General/Conceptual/WatchKitProgrammingGuide/InterfaceStyles.html#//apple_ref/doc/uid/TP40014969-CH12-SW3
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
add a comment |
To create a a page-based interface,
You configure a page-based interface in your app’s storyboard by
creating a next-page segue from one interface controller to the next.
- In your
storyboard, add interface controllers for each of the pages in your
interface.
- Control-click your app’s main interface controller, and
drag the segue line to another interface controller scene.
- The second
interface controller should highlight, indicating that a segue is
possible.
- Release the mouse button. Select “next page” from the
relationship segue panel.
- Using the same technique, create segues from each interface controller to the next. The order in which you create your segues defines the order of the pages in your interface.
https://developer.apple.com/library/archive/documentation/General/Conceptual/WatchKitProgrammingGuide/InterfaceStyles.html#//apple_ref/doc/uid/TP40014969-CH12-SW3
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
To create a a page-based interface,
You configure a page-based interface in your app’s storyboard by
creating a next-page segue from one interface controller to the next.
- In your
storyboard, add interface controllers for each of the pages in your
interface.
- Control-click your app’s main interface controller, and
drag the segue line to another interface controller scene.
- The second
interface controller should highlight, indicating that a segue is
possible.
- Release the mouse button. Select “next page” from the
relationship segue panel.
- Using the same technique, create segues from each interface controller to the next. The order in which you create your segues defines the order of the pages in your interface.
https://developer.apple.com/library/archive/documentation/General/Conceptual/WatchKitProgrammingGuide/InterfaceStyles.html#//apple_ref/doc/uid/TP40014969-CH12-SW3
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
answered Nov 19 '18 at 23:44
Austin ConlonAustin Conlon
45315
45315
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
add a comment |
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Yeah, I've tried this. I have a page-based interface in watch already, but unfortunately even when it is page-based interface builder does not show the page dots. I will edit my question and show you the image when I try.
– Myk
Nov 20 '18 at 0:04
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Hmm, I’ll try to reproduce it when I’m on my Mac. What happens if you turn off Dark Mode in Mojave or the dark Xcode theme?
– Austin Conlon
Nov 20 '18 at 0:15
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
Nothing. Well I mean everything is extremely bright but otherwise no change.
– Myk
Nov 20 '18 at 0:22
1
1
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
The page dots show up on an actual device btw, I just want them to show in IB.
– Myk
Nov 20 '18 at 0:23
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
Same happens for me. I just filed a suggestion in Bug Reporter (#46951177) that page-based navigation should include the dots at design time. If you file it yourself too as a duplicate it will move up their priority list.
– Austin Conlon
Dec 26 '18 at 18:50
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53383962%2fhow-to-represent-page-dots-breadcrumbs-page-indicator-in-watch-interface-builder%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Could you add a screenshot of what it looks like in Interface Builder?
– Austin Conlon
Nov 19 '18 at 23:29
Sure if it will help.
– Myk
Nov 19 '18 at 23:34