[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
GUI based code editor
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 7
Thread images: 2
File: visualStudio.png (155 KB, 1920x1080) Image search: [Google]
visualStudio.png
155 KB, 1920x1080
Hello /g/,

As I am look forward to the summer break I wonder about a project I want to make. I want to build a GUI based code editor for webdevelpment. I want it very much like visual studio(you can drag and drop items and resize them and style them etc in the main application , but you can also change it in the code).
I don't realy have a clear idea on how i can do that though.. i get stuck at the dragging and dropping part. How would one code that?
>>
File: 1395526190197.jpg (58 KB, 600x800) Image search: [Google]
1395526190197.jpg
58 KB, 600x800
If(drag)
If(preop) then drop
Else if(postop) then OP
<endcode>
>>
Real time display plus content editable
>>
>>54577963
>winforms

ewwwwww
>>
>>54577963
>webdevelpment
>you can drag and drop items and resize them

Here is the problem for you, HTML/CSS is not designed for some kind of absolute positioning relative to a fixed size field, but rather items taking up space based on their content or allowed a minimum/maximum relative the users' viewport.

You'll need some kind of universally compatible mapping from drag-dropped items to how they appear in any browser to implement the drag/drop thing of visual studio.
onMouseDown{drag = True; p0 = (0,0) }
onMouseUp{ drag = False; item.pos = p - p0 }
onMouseMove{ if drag { p = p + increment }
>>
>>54578573
The code block and explanation above it are not related btw
>>
>>54577963
Use opengl to draw the gui elements and freetype or whatever windows uses to draw text.
Thread replies: 7
Thread images: 2

banner
banner
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.