Swift UITextField: Create a dynamically decrease UITextField Frame in autolayout











up vote
1
down vote

favorite












I am using Custom Cell in UITableView. And the basic model of the cell is as follows.



enter image description here



I would like to have the dashed line dynamically deformed according to the size of the Menu Name box in this cell. So I wrote the following code:



menuField.frame.size.width = getWidth(text: menuField.text!)
menuField.layoutIfNeeded()
dotLine.layoutIfNeeded()

func getWidth(text: String) -> CGFloat {
let txtField = UITextField(frame: .zero)
txtField.text = text
txtField.sizeToFit()
return txtField.frame.size.width
}


This worked very well. Only increase if only! If the Menu Name Frame is reduced below the currently set size, the size remains unchanged.



enter image description here



As you can see from the image above, I need to make not only the size of the dotted line increase but also the shrinkage. I do not know what my problem is. Please help me!










share|improve this question
























  • Do you want to have same number of dots every time?
    – Robert Dresler
    Nov 11 at 9:03










  • No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
    – randomizedLife
    Nov 11 at 9:38















up vote
1
down vote

favorite












I am using Custom Cell in UITableView. And the basic model of the cell is as follows.



enter image description here



I would like to have the dashed line dynamically deformed according to the size of the Menu Name box in this cell. So I wrote the following code:



menuField.frame.size.width = getWidth(text: menuField.text!)
menuField.layoutIfNeeded()
dotLine.layoutIfNeeded()

func getWidth(text: String) -> CGFloat {
let txtField = UITextField(frame: .zero)
txtField.text = text
txtField.sizeToFit()
return txtField.frame.size.width
}


This worked very well. Only increase if only! If the Menu Name Frame is reduced below the currently set size, the size remains unchanged.



enter image description here



As you can see from the image above, I need to make not only the size of the dotted line increase but also the shrinkage. I do not know what my problem is. Please help me!










share|improve this question
























  • Do you want to have same number of dots every time?
    – Robert Dresler
    Nov 11 at 9:03










  • No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
    – randomizedLife
    Nov 11 at 9:38













up vote
1
down vote

favorite









up vote
1
down vote

favorite











I am using Custom Cell in UITableView. And the basic model of the cell is as follows.



enter image description here



I would like to have the dashed line dynamically deformed according to the size of the Menu Name box in this cell. So I wrote the following code:



menuField.frame.size.width = getWidth(text: menuField.text!)
menuField.layoutIfNeeded()
dotLine.layoutIfNeeded()

func getWidth(text: String) -> CGFloat {
let txtField = UITextField(frame: .zero)
txtField.text = text
txtField.sizeToFit()
return txtField.frame.size.width
}


This worked very well. Only increase if only! If the Menu Name Frame is reduced below the currently set size, the size remains unchanged.



enter image description here



As you can see from the image above, I need to make not only the size of the dotted line increase but also the shrinkage. I do not know what my problem is. Please help me!










share|improve this question















I am using Custom Cell in UITableView. And the basic model of the cell is as follows.



enter image description here



I would like to have the dashed line dynamically deformed according to the size of the Menu Name box in this cell. So I wrote the following code:



menuField.frame.size.width = getWidth(text: menuField.text!)
menuField.layoutIfNeeded()
dotLine.layoutIfNeeded()

func getWidth(text: String) -> CGFloat {
let txtField = UITextField(frame: .zero)
txtField.text = text
txtField.sizeToFit()
return txtField.frame.size.width
}


This worked very well. Only increase if only! If the Menu Name Frame is reduced below the currently set size, the size remains unchanged.



enter image description here



As you can see from the image above, I need to make not only the size of the dotted line increase but also the shrinkage. I do not know what my problem is. Please help me!







swift uitableview dynamic uitextfield






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 11 at 9:39

























asked Nov 11 at 8:45









randomizedLife

175




175












  • Do you want to have same number of dots every time?
    – Robert Dresler
    Nov 11 at 9:03










  • No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
    – randomizedLife
    Nov 11 at 9:38


















  • Do you want to have same number of dots every time?
    – Robert Dresler
    Nov 11 at 9:03










  • No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
    – randomizedLife
    Nov 11 at 9:38
















Do you want to have same number of dots every time?
– Robert Dresler
Nov 11 at 9:03




Do you want to have same number of dots every time?
– Robert Dresler
Nov 11 at 9:03












No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
– randomizedLife
Nov 11 at 9:38




No. The number of dots does not matter. The number of points does not matter. I only need to keep the distance between the Menu Text box and the dotted line constant.:)
– randomizedLife
Nov 11 at 9:38












2 Answers
2






active

oldest

votes

















up vote
1
down vote



accepted










You don't need any of code you wrote, autolayout does this for you. Just set autolayout like this:



Dash is constraint with your value



- MenuTextField - Dotted line - Price -






share|improve this answer























  • I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
    – randomizedLife
    Nov 11 at 9:40










  • Try edited answer
    – Robert Dresler
    Nov 11 at 9:46


















up vote
0
down vote













I have solved my problem. First, I added the width dimension Constraints of the Menu Text Box and imported it into the IBOutlet variable.



@IBOutlet weak var menuWidth: NSLayoutConstraint!


And I changed the value of the variable according to the text length.



menuWidth.constant = getWidth(text: menuField.text!)


This method is not yet fully functional. But it works the way I want.



Also thanks to Robert Dresler who answered me :) Thanks!






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',
    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%2f53247121%2fswift-uitextfield-create-a-dynamically-decrease-uitextfield-frame-in-autolayout%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    1
    down vote



    accepted










    You don't need any of code you wrote, autolayout does this for you. Just set autolayout like this:



    Dash is constraint with your value



    - MenuTextField - Dotted line - Price -






    share|improve this answer























    • I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
      – randomizedLife
      Nov 11 at 9:40










    • Try edited answer
      – Robert Dresler
      Nov 11 at 9:46















    up vote
    1
    down vote



    accepted










    You don't need any of code you wrote, autolayout does this for you. Just set autolayout like this:



    Dash is constraint with your value



    - MenuTextField - Dotted line - Price -






    share|improve this answer























    • I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
      – randomizedLife
      Nov 11 at 9:40










    • Try edited answer
      – Robert Dresler
      Nov 11 at 9:46













    up vote
    1
    down vote



    accepted







    up vote
    1
    down vote



    accepted






    You don't need any of code you wrote, autolayout does this for you. Just set autolayout like this:



    Dash is constraint with your value



    - MenuTextField - Dotted line - Price -






    share|improve this answer














    You don't need any of code you wrote, autolayout does this for you. Just set autolayout like this:



    Dash is constraint with your value



    - MenuTextField - Dotted line - Price -







    share|improve this answer














    share|improve this answer



    share|improve this answer








    edited Nov 11 at 11:48

























    answered Nov 11 at 9:10









    Robert Dresler

    1,003214




    1,003214












    • I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
      – randomizedLife
      Nov 11 at 9:40










    • Try edited answer
      – Robert Dresler
      Nov 11 at 9:46


















    • I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
      – randomizedLife
      Nov 11 at 9:40










    • Try edited answer
      – Robert Dresler
      Nov 11 at 9:46
















    I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
    – randomizedLife
    Nov 11 at 9:40




    I am really sorry. My question seems to have been misplaced. I want the spacing between Menu Text Box and dotted lines to be constant.
    – randomizedLife
    Nov 11 at 9:40












    Try edited answer
    – Robert Dresler
    Nov 11 at 9:46




    Try edited answer
    – Robert Dresler
    Nov 11 at 9:46












    up vote
    0
    down vote













    I have solved my problem. First, I added the width dimension Constraints of the Menu Text Box and imported it into the IBOutlet variable.



    @IBOutlet weak var menuWidth: NSLayoutConstraint!


    And I changed the value of the variable according to the text length.



    menuWidth.constant = getWidth(text: menuField.text!)


    This method is not yet fully functional. But it works the way I want.



    Also thanks to Robert Dresler who answered me :) Thanks!






    share|improve this answer

























      up vote
      0
      down vote













      I have solved my problem. First, I added the width dimension Constraints of the Menu Text Box and imported it into the IBOutlet variable.



      @IBOutlet weak var menuWidth: NSLayoutConstraint!


      And I changed the value of the variable according to the text length.



      menuWidth.constant = getWidth(text: menuField.text!)


      This method is not yet fully functional. But it works the way I want.



      Also thanks to Robert Dresler who answered me :) Thanks!






      share|improve this answer























        up vote
        0
        down vote










        up vote
        0
        down vote









        I have solved my problem. First, I added the width dimension Constraints of the Menu Text Box and imported it into the IBOutlet variable.



        @IBOutlet weak var menuWidth: NSLayoutConstraint!


        And I changed the value of the variable according to the text length.



        menuWidth.constant = getWidth(text: menuField.text!)


        This method is not yet fully functional. But it works the way I want.



        Also thanks to Robert Dresler who answered me :) Thanks!






        share|improve this answer












        I have solved my problem. First, I added the width dimension Constraints of the Menu Text Box and imported it into the IBOutlet variable.



        @IBOutlet weak var menuWidth: NSLayoutConstraint!


        And I changed the value of the variable according to the text length.



        menuWidth.constant = getWidth(text: menuField.text!)


        This method is not yet fully functional. But it works the way I want.



        Also thanks to Robert Dresler who answered me :) Thanks!







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 11 at 11:44









        randomizedLife

        175




        175






























            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.





            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.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53247121%2fswift-uitextfield-create-a-dynamically-decrease-uitextfield-frame-in-autolayout%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

            Full-time equivalent

            さくらももこ

            13 indicted, 8 arrested in Calif. drug cartel investigation