sdl-ui-textedit-dev
sdl-ui-textedit-dev

Step-by-Step SDL Basic UI Controls: UITextEdit (1)

1. Introduction In the previous post, we implemented a UIButton and mastered the basics of drawing and interacting with SDL UI controls. In this post, we'll build a single-line text input box, UITextEdit. This is a fundamental component of many UI systems, used for things like login forms, nickname inputs,…

Continue ReadingStep-by-Step SDL Basic UI Controls: UITextEdit (1)
sdl-ui-control-button
sdl-ui-control-button

Building a Basic UI Control in SDL: Step-by-Step with UIButton

In SDL game development, it's common to need custom UI controls. This post will walk you through building a complete UIButton control from scratch, based on an existing Node/UIControl framework. The button will feature text, state changes, click events, and rendering. I. What is a UIButton? A UIButton is one…

Continue ReadingBuilding a Basic UI Control in SDL: Step-by-Step with UIButton

Step-by-Step Guide to Building a Basic SDL UI Control: UILabel

1. Introduction Picking up where we left off, the Label control is arguably the simplest UI component. I once thought TextEdit was the easiest, but after diving deep into custom controls, I realized how complex TextEdit truly is. Building a TextEdit from scratch with all its basic features is quite…

Continue ReadingStep-by-Step Guide to Building a Basic SDL UI Control: UILabel