How to build a context menu like Facebook / Slack on iOS?











up vote
0
down vote

favorite












I was just looking at Context menu of Facebook and or slack and wanted to create something similar in my App.



I have tried two methods.



First method. Having a in View Table View and sliding it from bottom to create as if it is animated on to the view. But the problem with this is that The navigation controller and Tab bar controller are not hidden and a white patch is shown over the Black (Alpha 30 %).



enter image description here



The second method I tried was showing a new View controller over the current view controller and presenting as a Modal presentation.



  let vc = CustomActionTableViewController(nibName: "CustomActionTableViewController", bundle: nil)
vc.modalPresentationStyle = .overFullScreen
self.present(vc, animated: false, completion: nil)


This works okay but the method is too slow as I have to work with lot of Notifications (To send selected index to my main View and then perform action). It is painfully slow.



Could anyone help me with how I can improve the implementation so that I can get the Action sheet similar to Facebook which is smooth and very very fluid



enter image description here










share|improve this question






















  • in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
    – Abu Ul Hassan
    yesterday










  • I think it will be a batter option for you. With less effort and more faster than 2nd one.
    – Abu Ul Hassan
    yesterday










  • I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
    – Sriteja C
    yesterday










  • why hiding navigation bar is too necessary for you ?
    – Abu Ul Hassan
    yesterday















up vote
0
down vote

favorite












I was just looking at Context menu of Facebook and or slack and wanted to create something similar in my App.



I have tried two methods.



First method. Having a in View Table View and sliding it from bottom to create as if it is animated on to the view. But the problem with this is that The navigation controller and Tab bar controller are not hidden and a white patch is shown over the Black (Alpha 30 %).



enter image description here



The second method I tried was showing a new View controller over the current view controller and presenting as a Modal presentation.



  let vc = CustomActionTableViewController(nibName: "CustomActionTableViewController", bundle: nil)
vc.modalPresentationStyle = .overFullScreen
self.present(vc, animated: false, completion: nil)


This works okay but the method is too slow as I have to work with lot of Notifications (To send selected index to my main View and then perform action). It is painfully slow.



Could anyone help me with how I can improve the implementation so that I can get the Action sheet similar to Facebook which is smooth and very very fluid



enter image description here










share|improve this question






















  • in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
    – Abu Ul Hassan
    yesterday










  • I think it will be a batter option for you. With less effort and more faster than 2nd one.
    – Abu Ul Hassan
    yesterday










  • I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
    – Sriteja C
    yesterday










  • why hiding navigation bar is too necessary for you ?
    – Abu Ul Hassan
    yesterday













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I was just looking at Context menu of Facebook and or slack and wanted to create something similar in my App.



I have tried two methods.



First method. Having a in View Table View and sliding it from bottom to create as if it is animated on to the view. But the problem with this is that The navigation controller and Tab bar controller are not hidden and a white patch is shown over the Black (Alpha 30 %).



enter image description here



The second method I tried was showing a new View controller over the current view controller and presenting as a Modal presentation.



  let vc = CustomActionTableViewController(nibName: "CustomActionTableViewController", bundle: nil)
vc.modalPresentationStyle = .overFullScreen
self.present(vc, animated: false, completion: nil)


This works okay but the method is too slow as I have to work with lot of Notifications (To send selected index to my main View and then perform action). It is painfully slow.



Could anyone help me with how I can improve the implementation so that I can get the Action sheet similar to Facebook which is smooth and very very fluid



enter image description here










share|improve this question













I was just looking at Context menu of Facebook and or slack and wanted to create something similar in my App.



I have tried two methods.



First method. Having a in View Table View and sliding it from bottom to create as if it is animated on to the view. But the problem with this is that The navigation controller and Tab bar controller are not hidden and a white patch is shown over the Black (Alpha 30 %).



enter image description here



The second method I tried was showing a new View controller over the current view controller and presenting as a Modal presentation.



  let vc = CustomActionTableViewController(nibName: "CustomActionTableViewController", bundle: nil)
vc.modalPresentationStyle = .overFullScreen
self.present(vc, animated: false, completion: nil)


This works okay but the method is too slow as I have to work with lot of Notifications (To send selected index to my main View and then perform action). It is painfully slow.



Could anyone help me with how I can improve the implementation so that I can get the Action sheet similar to Facebook which is smooth and very very fluid



enter image description here







ios swift swift3 contextmenu uiactionsheet






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked yesterday









Sriteja C

127110




127110












  • in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
    – Abu Ul Hassan
    yesterday










  • I think it will be a batter option for you. With less effort and more faster than 2nd one.
    – Abu Ul Hassan
    yesterday










  • I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
    – Sriteja C
    yesterday










  • why hiding navigation bar is too necessary for you ?
    – Abu Ul Hassan
    yesterday


















  • in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
    – Abu Ul Hassan
    yesterday










  • I think it will be a batter option for you. With less effort and more faster than 2nd one.
    – Abu Ul Hassan
    yesterday










  • I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
    – Sriteja C
    yesterday










  • why hiding navigation bar is too necessary for you ?
    – Abu Ul Hassan
    yesterday
















in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
– Abu Ul Hassan
yesterday




in your first method why don't you hide navigation and tabbar when tableView appears and unhide it again when didSelect occur or tableView hides ?
– Abu Ul Hassan
yesterday












I think it will be a batter option for you. With less effort and more faster than 2nd one.
– Abu Ul Hassan
yesterday




I think it will be a batter option for you. With less effort and more faster than 2nd one.
– Abu Ul Hassan
yesterday












I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
– Sriteja C
yesterday




I thought of it but i need the navigation bar to show up as i am using large tiles. So if i hide it large portion at the top will be hidden and it will look weird.
– Sriteja C
yesterday












why hiding navigation bar is too necessary for you ?
– Abu Ul Hassan
yesterday




why hiding navigation bar is too necessary for you ?
– Abu Ul Hassan
yesterday

















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',
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
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372677%2fhow-to-build-a-context-menu-like-facebook-slack-on-ios%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372677%2fhow-to-build-a-context-menu-like-facebook-slack-on-ios%23new-answer', 'question_page');
}
);

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







Popular posts from this blog

'app-layout' is not a known element: how to share Component with different Modules

android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

WPF add header to Image with URL pettitions [duplicate]