How to remove border of UISearchbar?










-1















As per as design I tried to remove the border of uisearchbar but failed. can you please help or suggest?



enter image description here



I want to create like below design.



enter image description here










share|improve this question



















  • 1





    What have you tried so far? Can you please share the code ?

    – Sateesh
    Nov 15 '18 at 6:16















-1















As per as design I tried to remove the border of uisearchbar but failed. can you please help or suggest?



enter image description here



I want to create like below design.



enter image description here










share|improve this question



















  • 1





    What have you tried so far? Can you please share the code ?

    – Sateesh
    Nov 15 '18 at 6:16













-1












-1








-1








As per as design I tried to remove the border of uisearchbar but failed. can you please help or suggest?



enter image description here



I want to create like below design.



enter image description here










share|improve this question
















As per as design I tried to remove the border of uisearchbar but failed. can you please help or suggest?



enter image description here



I want to create like below design.



enter image description here







ios uisearchbar






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 15 '18 at 6:34









rmaddy

244k27323384




244k27323384










asked Nov 15 '18 at 6:15









KhanShahebKhanShaheb

3851721




3851721







  • 1





    What have you tried so far? Can you please share the code ?

    – Sateesh
    Nov 15 '18 at 6:16












  • 1





    What have you tried so far? Can you please share the code ?

    – Sateesh
    Nov 15 '18 at 6:16







1




1





What have you tried so far? Can you please share the code ?

– Sateesh
Nov 15 '18 at 6:16





What have you tried so far? Can you please share the code ?

– Sateesh
Nov 15 '18 at 6:16












3 Answers
3






active

oldest

votes


















0














If this custom search bar?
Mb you need something like this:



searchBar.backgroundImage = [UIImage new];


This removes background. And after this set this:



searchBar.barTintColor = [UIColor whiteColor];


Or mb you are need to try this:



searchBar.layer.borderColor = [[UIColor YOUR_COLOR_HERE] CGColor];


And another case:



topSearchBar.barTintColor = [UIColor clearColor];


Mb this help you






share|improve this answer






























    0














    To obtain this design make below changes in storyboard.



    enter image description here



    and



    enter image description here



    then add below code into your viewdidload or whatever you want.



    self.bar.layer.cornerRadius = self.bar.frame.height/2
    self.bar.layer.masksToBounds = true


    then I think you will get your desire design.let me know if it works or not .






    share|improve this answer






























      0














      After the trial, I found a solution which is working for me. I set the color like super view's color. That's why it is not visible and then I wrote some lines of code in viewDidLoad().



       override func viewDidLoad() 

      super.viewDidLoad()

      searchBar.backgroundImage = UIImage()
      searchBar.delegate = self
      let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
      textFieldInsideSearchBar?.textColor = UIColor.black
      textFieldInsideSearchBar?.leftViewMode = UITextFieldViewMode.never



      enter image description here






      share|improve this answer
























        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
        );



        );













        draft saved

        draft discarded


















        StackExchange.ready(
        function ()
        StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53313477%2fhow-to-remove-border-of-uisearchbar%23new-answer', 'question_page');

        );

        Post as a guest















        Required, but never shown

























        3 Answers
        3






        active

        oldest

        votes








        3 Answers
        3






        active

        oldest

        votes









        active

        oldest

        votes






        active

        oldest

        votes









        0














        If this custom search bar?
        Mb you need something like this:



        searchBar.backgroundImage = [UIImage new];


        This removes background. And after this set this:



        searchBar.barTintColor = [UIColor whiteColor];


        Or mb you are need to try this:



        searchBar.layer.borderColor = [[UIColor YOUR_COLOR_HERE] CGColor];


        And another case:



        topSearchBar.barTintColor = [UIColor clearColor];


        Mb this help you






        share|improve this answer



























          0














          If this custom search bar?
          Mb you need something like this:



          searchBar.backgroundImage = [UIImage new];


          This removes background. And after this set this:



          searchBar.barTintColor = [UIColor whiteColor];


          Or mb you are need to try this:



          searchBar.layer.borderColor = [[UIColor YOUR_COLOR_HERE] CGColor];


          And another case:



          topSearchBar.barTintColor = [UIColor clearColor];


          Mb this help you






          share|improve this answer

























            0












            0








            0







            If this custom search bar?
            Mb you need something like this:



            searchBar.backgroundImage = [UIImage new];


            This removes background. And after this set this:



            searchBar.barTintColor = [UIColor whiteColor];


            Or mb you are need to try this:



            searchBar.layer.borderColor = [[UIColor YOUR_COLOR_HERE] CGColor];


            And another case:



            topSearchBar.barTintColor = [UIColor clearColor];


            Mb this help you






            share|improve this answer













            If this custom search bar?
            Mb you need something like this:



            searchBar.backgroundImage = [UIImage new];


            This removes background. And after this set this:



            searchBar.barTintColor = [UIColor whiteColor];


            Or mb you are need to try this:



            searchBar.layer.borderColor = [[UIColor YOUR_COLOR_HERE] CGColor];


            And another case:



            topSearchBar.barTintColor = [UIColor clearColor];


            Mb this help you







            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Nov 15 '18 at 6:29









            FindYourBalanceFindYourBalance

            15




            15























                0














                To obtain this design make below changes in storyboard.



                enter image description here



                and



                enter image description here



                then add below code into your viewdidload or whatever you want.



                self.bar.layer.cornerRadius = self.bar.frame.height/2
                self.bar.layer.masksToBounds = true


                then I think you will get your desire design.let me know if it works or not .






                share|improve this answer



























                  0














                  To obtain this design make below changes in storyboard.



                  enter image description here



                  and



                  enter image description here



                  then add below code into your viewdidload or whatever you want.



                  self.bar.layer.cornerRadius = self.bar.frame.height/2
                  self.bar.layer.masksToBounds = true


                  then I think you will get your desire design.let me know if it works or not .






                  share|improve this answer

























                    0












                    0








                    0







                    To obtain this design make below changes in storyboard.



                    enter image description here



                    and



                    enter image description here



                    then add below code into your viewdidload or whatever you want.



                    self.bar.layer.cornerRadius = self.bar.frame.height/2
                    self.bar.layer.masksToBounds = true


                    then I think you will get your desire design.let me know if it works or not .






                    share|improve this answer













                    To obtain this design make below changes in storyboard.



                    enter image description here



                    and



                    enter image description here



                    then add below code into your viewdidload or whatever you want.



                    self.bar.layer.cornerRadius = self.bar.frame.height/2
                    self.bar.layer.masksToBounds = true


                    then I think you will get your desire design.let me know if it works or not .







                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered Nov 15 '18 at 7:09









                    RumyRumy

                    124112




                    124112





















                        0














                        After the trial, I found a solution which is working for me. I set the color like super view's color. That's why it is not visible and then I wrote some lines of code in viewDidLoad().



                         override func viewDidLoad() 

                        super.viewDidLoad()

                        searchBar.backgroundImage = UIImage()
                        searchBar.delegate = self
                        let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
                        textFieldInsideSearchBar?.textColor = UIColor.black
                        textFieldInsideSearchBar?.leftViewMode = UITextFieldViewMode.never



                        enter image description here






                        share|improve this answer





























                          0














                          After the trial, I found a solution which is working for me. I set the color like super view's color. That's why it is not visible and then I wrote some lines of code in viewDidLoad().



                           override func viewDidLoad() 

                          super.viewDidLoad()

                          searchBar.backgroundImage = UIImage()
                          searchBar.delegate = self
                          let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
                          textFieldInsideSearchBar?.textColor = UIColor.black
                          textFieldInsideSearchBar?.leftViewMode = UITextFieldViewMode.never



                          enter image description here






                          share|improve this answer



























                            0












                            0








                            0







                            After the trial, I found a solution which is working for me. I set the color like super view's color. That's why it is not visible and then I wrote some lines of code in viewDidLoad().



                             override func viewDidLoad() 

                            super.viewDidLoad()

                            searchBar.backgroundImage = UIImage()
                            searchBar.delegate = self
                            let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
                            textFieldInsideSearchBar?.textColor = UIColor.black
                            textFieldInsideSearchBar?.leftViewMode = UITextFieldViewMode.never



                            enter image description here






                            share|improve this answer















                            After the trial, I found a solution which is working for me. I set the color like super view's color. That's why it is not visible and then I wrote some lines of code in viewDidLoad().



                             override func viewDidLoad() 

                            super.viewDidLoad()

                            searchBar.backgroundImage = UIImage()
                            searchBar.delegate = self
                            let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
                            textFieldInsideSearchBar?.textColor = UIColor.black
                            textFieldInsideSearchBar?.leftViewMode = UITextFieldViewMode.never



                            enter image description here







                            share|improve this answer














                            share|improve this answer



                            share|improve this answer








                            edited Nov 15 '18 at 7:11

























                            answered Nov 15 '18 at 7:06









                            KhanShahebKhanShaheb

                            3851721




                            3851721



























                                draft saved

                                draft discarded
















































                                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.




                                draft saved


                                draft discarded














                                StackExchange.ready(
                                function ()
                                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53313477%2fhow-to-remove-border-of-uisearchbar%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







                                這個網誌中的熱門文章

                                How to read a connectionString WITH PROVIDER in .NET Core?

                                Node.js Script on GitHub Pages or Amazon S3

                                Museum of Modern and Contemporary Art of Trento and Rovereto