How to implement guided motion along 3 axes(For a switch of sorts) in Custom View Android?
Please refer to the screenshot images attached, The below image 
shows Google Pay app.There is only 1 axis and the circle button can slide along that axis only.
What I require is 3 axes( as T or Y as seen in the second image) and a circle button that can slide along all those axes.
I understand this can be done using Custom View in Android.
However, I need help in writing a custom algorithm to define the motion of the circle button along those axes.`
Second image - hand drawn mockup
android user-interface android-custom-view user-experience asked Nov 12 at 10:49
user300057
136
|
show 3 more comments
Please refer to the screenshot images attached, The below image shows Google Pay app.There is only 1 axis and the circle button can slide along that axis only.
What I require is 3 axes( as T or Y as seen in the second image) and a circle button that can slide along all those axes.
I understand this can be done using Custom View in Android.
However, I need help in writing a custom algorithm to define the motion of the circle button along those axes.`
Second image - hand drawn mockup
android user-interface android-custom-view user-experience asked Nov 12 at 10:49
user300057
136
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
did you follow the link i gave you? did you read"Implementing custom drawing"and"Making the view interactive"subpages (on the left below"Custom view components"main page? if so, whats unclear?
– pskink
Nov 12 at 12:06
|
show 3 more comments
Please refer to the screenshot images attached, The below image shows Google Pay app.There is only 1 axis and the circle button can slide along that axis only.
What I require is 3 axes( as T or Y as seen in the second image) and a circle button that can slide along all those axes.
I understand this can be done using Custom View in Android.
However, I need help in writing a custom algorithm to define the motion of the circle button along those axes.`
Second image - hand drawn mockup
android user-interface android-custom-view user-experience asked Nov 12 at 10:49
user300057
136
Please refer to the screenshot images attached, The below image shows Google Pay app.There is only 1 axis and the circle button can slide along that axis only.
What I require is 3 axes( as T or Y as seen in the second image) and a circle button that can slide along all those axes.
I understand this can be done using Custom View in Android.
However, I need help in writing a custom algorithm to define the motion of the circle button along those axes.`
Second image - hand drawn mockup
android user-interface android-custom-view user-experience android user-interface android-custom-view user-experience asked Nov 12 at 10:49
user300057
136
asked Nov 12 at 10:49
user300057
136
edited Nov 12 at 10:56
asked Nov 12 at 10:49
user300057
136
asked Nov 12 at 10:49
user300057
136
asked Nov 12 at 10:49
user300057
136
136
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
did you follow the link i gave you? did you read"Implementing custom drawing"and"Making the view interactive"subpages (on the left below"Custom view components"main page? if so, whats unclear?
– pskink
Nov 12 at 12:06
|
show 3 more comments
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
did you follow the link i gave you? did you read"Implementing custom drawing"and"Making the view interactive"subpages (on the left below"Custom view components"main page? if so, whats unclear?
– pskink
Nov 12 at 12:06
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
did you follow the link i gave you? did you read
"Implementing custom drawing" and "Making the view interactive" subpages (on the left below "Custom view components" main page? if so, whats unclear?– pskink
Nov 12 at 12:06
did you follow the link i gave you? did you read
"Implementing custom drawing" and "Making the view interactive" subpages (on the left below "Custom view components" main page? if so, whats unclear?– pskink
Nov 12 at 12:06
|
show 3 more comments
active
oldest
votes
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%2f53260560%2fhow-to-implement-guided-motion-along-3-axesfor-a-switch-of-sorts-in-custom-vie%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53260560%2fhow-to-implement-guided-motion-along-3-axesfor-a-switch-of-sorts-in-custom-vie%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
see linear equation written in parametric form or here (with some images)
– pskink
Nov 12 at 10:56
thank you I see the merit of using a parametric equation, currently using an onclickDragListener now to move the circle, not sure how we can ' guide' the movement of the circle based on an equation ? Is there a certain method/ function that I'm missing ?
– user300057
Nov 12 at 11:30
yes: you need a custom view - there is no existing view that could be used for what you want
– pskink
Nov 12 at 11:38
Pardon the repeated enquiry, but could you please elaborate with some pesudocode ?
– user300057
Nov 12 at 12:03
did you follow the link i gave you? did you read
"Implementing custom drawing"and"Making the view interactive"subpages (on the left below"Custom view components"main page? if so, whats unclear?– pskink
Nov 12 at 12:06