#38. Sketchware Tutorials- HTML Editor App using Sketchware [w/ subs]



00:00:00 – hi friends welcome to sketch we're
00:00:04 – tutorials and in this video I am going
00:00:07 – to show you how to make HTML editor app
00:00:11 – using schedule so open app schedule and
00:00:17 – start if the new project I am going to
00:00:21 – name it as HTML editor that's it and
00:00:26 – Here I am taking one a text this a text
00:00:31 – is used to take the HTML code from the
00:00:34 – user the user has to write the HTML code
00:00:38 – or CSS code or JavaScript code here and
00:00:42 – let me modify the properties of this
00:00:45 – really text I think it means change
00:00:50 – height to 500 DP let's say let me
00:00:53 – increase the size to the API and change
00:00:56 – the hint to enter your code that's it
00:01:05 – yes then Here I am taking one button and
00:01:12 – it will change properties of Spada
00:01:30 – here after finishing the HTML code the
00:01:35 – user has to press here and the
00:01:40 – corresponding web page loads in the next
00:01:42 – bit so I am going to add one more page
00:01:45 – here and I'm going the name tells load
00:01:47 – that's it and here in this load dot XML
00:01:51 – page I am taking one button and review
00:02:02 – sorry and let me change the properties
00:02:10 – of this button and this button is used
00:02:13 – to go back to the previous page that's
00:02:21 – it and this the logic of the HTML code
00:02:27 – load here in the web view component so
00:02:30 – now I think the layout section is almost
00:02:36 – complete
00:02:37 – yes color layout section is almost
00:02:40 – complete and let's move to the body
00:02:42 – section now and here this is the logic
00:02:45 – of mainactivity.java
00:02:47 – so this is the here as you can see there
00:02:53 – is only one button here so when button
00:02:55 – one is pressed you have to go to the
00:02:59 – page two and you have to load the
00:03:03 – corresponding HTML file there so to save
00:03:07 – the file I am using a file shape
00:03:09 – trenches and I am going to name the file
00:03:14 – name I'm in the PI as data and I am
00:03:22 – using this file set data key component
00:03:25 – and I am setting the key as is kml
00:03:32 – that's it
00:03:32 – and value to be
00:03:36 – obviously a text and the high stable
00:03:43 – code will be saved in the file and we
00:03:48 – have to move the page to to load the
00:03:51 – page so I am adding an intent I and I am
00:03:55 – setting the screen to load activity and
00:04:00 – I have to start that today and I am
00:04:03 – going to finish the present activity
00:04:05 – that's it and let's move to the load
00:04:11 – actor in Java and here on activity
00:04:14 – create an I click create we have to load
00:04:21 – the HTML file so go to the component
00:04:24 – view go to web reload URL and here you
00:04:31 – have to do it if some modifications
00:04:33 – I am doing this join and and here you
00:04:40 – have to join data it is it data text the
00:04:54 – HTML and put a call out there that's it
00:05:00 – and you have to add file share
00:05:06 – preferences you have to name the same
00:05:09 – file name which is earlier you have to
00:05:14 – use
00:05:15 – I forgot the file name where is the file
00:05:19 – name
00:05:21 – sorry the file name is data so I'm going
00:05:25 – to name the same file here so
00:05:33 – and then in the same data which is
00:05:37 – present in the same both pages and here
00:05:41 – here also I am taking one intent to move
00:05:47 – pages and on actually create you have to
00:05:52 – get the data the HTML file from previous
00:05:56 – page so I am taking this file get data
00:06:05 – key and and making the key as HTML which
00:06:12 – is a little over there that's it and
00:06:16 – when button one is quickly how to go
00:06:19 – back to the main page
00:06:20 – so simply intense our screen main
00:06:27 – activity and start the activity present
00:06:34 – this let's sit and let's stand up now
00:06:41 – and let's see where it is working or not
00:06:43 – with a simple HTML code here as you can
00:06:48 – see on opening the page I am seeing the
00:06:54 – designer code I am taking a simple HTML
00:06:58 – code over here I think
00:07:09 – as you can see I copied a simple HTML
00:07:14 – code from not Quran internet and as you
00:07:18 – can see this is a blue heading let us go
00:07:21 – back to my app now I think there's a bug
00:07:29 – main dot XML I think so and let me
00:07:34 – change the height to match parent you
00:07:42 – know let me change height to 300 DP and
00:07:48 – let me change the lines of code to fly
00:07:56 – on this plane
00:07:57 – that's it and let me run the app now
00:08:03 – before you can't see the HTML code let's
00:08:06 – just now here as you can see previously
00:08:10 – my HTML code is not visible now it is
00:08:13 – visible as the contingent article from
00:08:15 – internet and now I think there is a
00:08:20 – mistake in the previous so here I am him
00:08:28 – my channel name at this stitch where to
00:08:33 – go yes that's it and it will change the
00:08:42 – color to red
00:08:42 – that's it and a hat here I am going to
00:08:46 – press this finished composite you as you
00:08:49 – can see it sketch for tutorials is
00:08:53 – visible that is for today guys thank you
00:08:57 – for watching my videos please like and
00:08:59 – subscribe for more like this thank you


Video Url:
http://youtu.be/gh42-KFHpJE

Comments

comments