{"_id":"54eb2041996da20d00e6d68e","__v":1,"user":"54639d06447e0a1000249f7f","version":{"_id":"5463e333447e0a100024a08a","project":"5463e333447e0a100024a087","__v":6,"createdAt":"2014-11-12T22:46:11.486Z","releaseDate":"2014-11-12T22:46:11.486Z","categories":["5463e333447e0a100024a08b","54645c365871e90800f50151","547b1c5a4366a708001b3b50","547b1cdf4366a708001b3b5a","54e3bef8464a9c3700f7ca67","54ec651d7ab3172d00c01ab7"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"54e3bef8464a9c3700f7ca67","pages":["54e3bfabe887c50d005ef6a0","54e3c35ee887c50d005ef6af","54e3c9ade887c50d005ef6b4","54e3ca68e887c50d005ef6b6","54e47d6a610dfd0d00b2a84a","54e487250e41ef2b00b996c2","54e48ec60e41ef2b00b996cd","54e5c6e8e662e60d00aff673","54e5d4efe0b92439007d6999","54e5dc0ae0b92439007d69aa","54e72c88e6e77d1900ed10fa","54e7391f3c1e111700d05749","54e73f1a3c1e111700d05757","54e863f5c8e0c00d007abffd","54e86704a64fba0d00846860","54e86abb32b0b00d00c960f2","54e9e881560f2b170087f1d0","54e9eca2a6f14f0d003e96b5","54e9f04d560f2b170087f1d3","54eb2041996da20d00e6d68e","54eb801659b1172100334ffc","54eb8101df7add210007b31a","54ec584cc0c0ba1700386f8d","54ec5adad17b6d2300a54d75","54ec5e077ab3172d00c01aae","54edf8ca1e4ee60d0018e89f","54edfbc0130818170073a16b","54edff0e8dafa7250027e659"],"project":"5463e333447e0a100024a087","__v":28,"version":"5463e333447e0a100024a08a","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-02-17T22:21:44.099Z","from_sync":false,"order":2,"slug":"cocos-studio","title":"Cocos Studio"},"project":"5463e333447e0a100024a087","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-02-23T12:42:41.434Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":999,"body":"[block:api-header]\n{\n \"type\": \"basic\",\n \"title\": \"Adding A TextField\"\n}\n[/block]\nDrag a TextField from the Widgets section onto the middle canvas.\n[block:image]\n{\n \"images\": [\n {\n \"image\": [\n \"https://files.readme.io/MrRgt1UpSw2Jkfai74ie_Screen-Shot-2015-02-23-at-12.38.00.png\",\n \"Screen-Shot-2015-02-23-at-12.38.00.png\",\n \"256\",\n \"270\",\n \"#ec1712\",\n \"\"\n ]\n }\n ]\n}\n[/block]\n\n[block:api-header]\n{\n \"type\": \"basic\",\n \"title\": \"Selecting The TextField\"\n}\n[/block]\nYou can select the TextField if it isn't already selected from the **Animation Editor** at the bottom. The TextField doesn't appear in the resources as it's part of the Scene or other object that you are using.\n[block:image]\n{\n \"images\": [\n {\n \"image\": [\n \"https://files.readme.io/2uqzKBYXRJy50IElOTyE_Screen-Shot-2015-02-23-at-12.38.15.png\",\n \"Screen-Shot-2015-02-23-at-12.38.15.png\",\n \"252\",\n \"330\",\n \"#1174f0\",\n \"\"\n ]\n }\n ]\n}\n[/block]\n\n[block:api-header]\n{\n \"type\": \"basic\",\n \"title\": \"Modifying The TextField\"\n}\n[/block]\nYou can change the TextField font file. Setting the TextField's font file can be done by double clicking on the section or dragging an image from the Resources section.\n[block:image]\n{\n \"images\": [\n {\n \"image\": [\n \"https://files.readme.io/0CnE5rIGRXKSdvpB4ufz_Screen%20Shot%202015-02-23%20at%2012.38.35.png\",\n \"Screen Shot 2015-02-23 at 12.38.35.png\",\n \"355\",\n \"244\",\n \"#5c89be\",\n \"\"\n ]\n }\n ]\n}\n[/block]\n\n[block:api-header]\n{\n \"type\": \"basic\",\n \"title\": \"Accessing The TextField In Code\"\n}\n[/block]\nTextField's can be accessed via their **Name** or **Tag** which can be set in the **Properties** section.\n[block:image]\n{\n \"images\": [\n {\n \"image\": [\n \"https://files.readme.io/eRT307BGS9qwRHJ3JuwA_Screen%20Shot%202015-02-23%20at%2012.38.50.png\",\n \"Screen Shot 2015-02-23 at 12.38.50.png\",\n \"352\",\n \"87\",\n \"#6089c0\",\n \"\"\n ]\n }\n ]\n}\n[/block]\nTo access the TextField from a scene for example, in code it is simple. You either access it as a **Node** or cast it to a **TextField** allowing you to use **TextField** methods along with **Node** methods.\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"Node *rootNode = CSLoader::createNode( \\\"Filepath to .csb file\\\" );\\nthis->addChild( rootNode );\\n\\n// textField accessed as a node using it's name\\nNode *textField = rootNode->getChildByName( \\\"Name set in Cocos Studio\\\" );\\n\\n// textField cast to a textField using it's name\\ncocos2d::ui::TextField *textField = ( cocos2d::ui::TextField * )rootNode->getChildByName( \\\"Name set in Cocos Studio\\\" );\\n\\n// textField accessed as a node using it's tag\\nNode *textField = rootNode->getChildByTag( 5 );\\n\\n// textField cast to a textField using it's tag\\ncocos2d::ui::TextField *textField = ( cocos2d::ui::TextField * )rootNode->getChildByTag( 5 );\",\n \"language\": \"cplusplus\",\n \"name\": \"Cocos2d-x C++\"\n },\n {\n \"code\": \"var rootNode = ccs.load( \\\"Filepath to .json file\\\" );\\nthis.addChild( rootNode.node );\\n\\n// get the textField by name\\nvar textField = rootNode.node.getChildByName( \\\"Name set in Cocos Studio\\\" );\\n\\n// get the textField by tag\\nvar textField = rootNode.node.getChildByTag( 5 );\",\n \"language\": \"javascript\",\n \"name\": \"Cocos2d-JS\"\n }\n ]\n}\n[/block]\nNote: *Cocos2d-JS doesn't require casting to use TextField methods.*","excerpt":"","slug":"widgets-textfield","type":"basic","title":"[Widgets] TextField"}