wsx Forum Rss Feed

New Post: New Release - New Features

johnatan17 — Wed, 04 Nov 2009 06:34:31 GMT

Hi ... This is an excellent library to be used in XNA games, I was wondering if you're going to release a new version of this great lib?

I like to implement a nice skin using the lib but over a grid control, is that possible? What I like to do ... is to create a lobby system showing status, players, actions ... this info is comming usually from a server and the info is updated each X seconds .... The best way (I think) is including a grid or something like that ... and try that the grid looks as good as the game let.

Cheers,

Jonhatan .... and good job ...

New Post: Cursor hide/show

cdmac — Fri, 16 Oct 2009 10:11:08 GMT

Actually, just comment out the following line in Draw() in GUIManager.cs:

// Draw mouse cursor last
this.mouseCursor.DrawCursor(gameTime, this.spriteBatch);

;-)

New Post: Cursor hide/show

cdmac — Fri, 16 Oct 2009 09:52:54 GMT

Hi,

Sorry for the delay. It looks like the easiest way would be to make the mouse part of the GUI skin texture blank. You could also do a quick code modification.

Thanks,

cdmac

New Post: Cursor hide/show

squidleon — Wed, 15 Jul 2009 17:22:11 GMT

Hi, Thanks for this powerful library I'll implement on my FPS :) (http://squareengine.codeplex.com)!!

I've one question for you: Is possible hide / show mouse cursor?

thanks again

squidleon

New Post: Cursor hide/show

squidleon — Wed, 15 Jul 2009 17:22:08 GMT

Hi, Thanks for this powerful library I'll implement on my FPS :) (http://squareengine.codeplex.com)!!

I've one question for you: Is possible hide / show mouse cursor?

thanks again

squidleon

New Post: Changing skins

dedraiken — Sun, 03 May 2009 03:33:55 GMT

This may be too delayed for your benefit, but I'll leave some info anyway for future readers.

The short answer is to use the GUIManager.ApplySkin() method to apply your custom .skin and texture file to the components. You'll want to execute ApplySkin() before creating the components so the new default values will be applied. When I was testing ApplySkin() the applyCurrent parameter didn't seem to work, though I may have been using incorrectly. I've included some more details that I have gathered when looking into this myself, though I haven't attempted to actually reskin the entire UI yet.

The simplest way to replace the default skin with your own would be to replace the DefaultStyle.png image, which contains the various default textures for all the components, though you would be limited to creating textures that are the exact size of the default skin components.

If you need to change the size of the textures, you would have to either modify the DefaultSkin.skin xml file or create your own. The XML file contains class names and then property key:value pairs, which looks like:

<Namespace.Classname
          Property1 = "value"
          Property2 = "X, Y, Width, Height" // for Rectangle properties
        />

In the GUIManager class there's a method called ApplySkin(Skin skin, bool applyCurrent, bool applyDefaults) which calls the ApplySkin() method of the UIComponent class to propogate the skin to all the child components. The actual underlying method is the Apply() method of the Skin class. The applyDefaults parameter from ApplySkin() is passed to it, and if true, Apply() tries to match properties from the XML .skin file with the properties of the various components by appending Default to the beginning of the property names from the .skin file. If you look in the Window class for instance, you'll see a property named DefaultTitleFont which will match a property in the .skin file, and this property also has the attribute [SkinAttribute] above it.

New Post: Changing skins

crichmon — Thu, 26 Feb 2009 16:36:01 GMT

I'd be interested in knowing this also. Being able to have one or multiple customization options for the menu system would be great.

New Post: Changing skins

Jura — Tue, 10 Feb 2009 11:19:06 GMT

First of all, I'll thank you for the Window System! It's helped a lot already.

But I have a problem too. I want to use a custom skin, but I really don't know how to do it. How do I create a new skin, pick the texture, slice it up into bits and apply it?
I understand I have to import an XML file containing the texel information, but I really don't know how.

Could you please help me?

New Post: how to use imageButton

Lassedk — Tue, 23 Sep 2008 19:04:43 GMT

Hi.

Have you made an example code?

Lasse.

New Post: how to use imageButton

cdmac — Mon, 08 Sep 2008 12:24:06 GMT

I'll take a look at it tonight and hopefully post some code showing how to use it.

Thanks,
Aaron

New Post: Sample

precious_roy — Mon, 01 Sep 2008 20:49:51 GMT

ok i will have a look... its not the components i want to use but i guess the way it works is probably the same...

Thank you

New Post: how to use imageButton

Lassedk — Mon, 01 Sep 2008 19:23:15 GMT

Hi, Sorry to break in.. Very nice libary, but I wasn't as lucky as the person above.
I just can figure out how ImageButton works, could you be kind to make a source code example showing how to use custom skin on a ImageButton?

Thanks, Lasse.

New Post: Sample

cdmac — Mon, 01 Sep 2008 18:44:05 GMT

Check out the following tutorials:
http://www.codeplex.com/wsx/Wiki/View.aspx?title=Tutorials&referringTitle=Home

I'm going to be working on some more documentation soon, as the system has become a little complicated. Remember that the source code is documented pretty thoroughly.

Thanks,
Aaron

New Post: Sample

precious_roy — Sat, 30 Aug 2008 10:37:00 GMT

Hi

I was wondering do you have a help file or something ells that explains how to use this gui... like how to make a button... just a basic explanation on how to use the components...

p_roy

New Post: Window System in XNA 3.0 CTP (VS 2k8)

caledh — Sat, 30 Aug 2008 04:52:40 GMT

Actually, not too many. Mostly it was about moving the projects into CTP 3 projects and then dealing with content pipeline issues. The biggest change I've found from 2->3 involves how it finds content in the content pipeline folders.

New Post: Text Area

cdmac — Tue, 19 Aug 2008 17:07:59 GMT

Thanks very much for the help. I'll try the control out and aim to get the functionality in the next release.

Thanks,
Aaron

New Post: how to use imageButton

cdmac — Tue, 19 Aug 2008 17:03:04 GMT

Thanks for the suggestion, I'll look into it for the next release.

New Post: Text Area

ctorres — Thu, 07 Aug 2008 01:06:46 GMT

I created a TextArea using a very useful property of your ListBox - the vertical resizing when entries are more than the ListBox's vertical size.
TextArea inherits from ListBox. I brake the text I want to put in the TextArea into several lines and add them as entries of the ListBox.
I had to add a protected property to your project's ListBox class, because I needed to access the SpriteFont that is used for writing the text, so that I can know the width of the text in pixels.
The code is as follows:

ListBox.cs
// add the following code to this class:

        protected SpriteFont SpriteFont
        {
            get { return this.font; }
        }

TextArea.cs
// Add this class to the WindowSystem project
using System;
using System.Collections.Generic;
using System.Text;
using Microsoft.Xna.Framework.Graphics;

namespace WindowSystem
{
    public class TextArea: ListBox
    {
        #region Fields
        private string text;
        #endregion

        #region Properties
        /// <summary>
        /// Get/Set the control text.
        /// </summary>
        public string Text
        {
            get { return this.text; }
            set
            {
                this.text = value;
                RefreshText();
            }
        }

        /// <summary>
        /// Get/Set the control width.
        /// </summary>
        public new int Width
        {
            get { return base.Width; }
            set
            {
                base.Width = value;
                RefreshText();
            }
        }

        /// <summary>
        /// Get/Set the control height.
        /// </summary>
        public new int Height
        {
            get { return base.Height; }
            set
            {
                base.Height = value;
                RefreshText();
            }
        }
        #endregion

        #region Constructors
        /// <summary>
        /// Constructor.
        /// </summary>
        /// <param name="game">The currently running Game object.</param>
        /// <param name="gui">GUIManager that this control is part of.</param>
        public TextArea(Game game, GUIManager gui)
            : base(game, gui)
        {
            this.text = "";
        }
        #endregion

        #region Private Methods
        /// <summary>
        /// Refreshes the text in the control.
        /// </summary>
        private void RefreshText()
        {
            // Clear all entries
            this.Clear();

            // Break the text into lines
            List<string> lines = BreakTextToEntries();

            // Add each line as an entry of the ListBox
            foreach (string str in lines)
            {
                this.AddEntry(str);
            }
        }

        /// <summary>
        /// Breaks the Text into several lines with the width of the TextArea.
        /// </summary>
        /// <returns>A list containing all the generated lines.</returns>
        private List<string> BreakTextToEntries()
        //private void BreakTextToEntries()
        {
            string[] words = Text.Split(' ');
            List<string> lines = new List<string>();
            string currentLine = "";
            string auxLine;
            int auxLineSize;
            int lineHSize = this.Width - this.HMargin * 4;

            foreach(string word in words)
            {
                auxLine = currentLine + word + " ";
                auxLineSize = GetTextWidth(auxLine, SpriteFont);

                if ( auxLineSize < lineHSize)
                {
                    currentLine = auxLine;
                }
                else
                {
                    lines.Add(currentLine);
                    currentLine = word + " ";
                }
            }
            lines.Add(currentLine);

            return lines;
        }

        /// <summary>
        /// Gets the width of a piece of text.
        /// </summary>
        /// <param name="txt">The text to be measured.</param>
        /// <returns>The number of pixels the text will occupy on screen.</returns>
        private int GetTextWidth(string txt, SpriteFont font)
        {
            int a = (int)font.MeasureString(txt).X;
            return a;
        }
        #endregion
    }
}

In conclusion, the TextArea will contain any text you give it and will create a vertical scroll if the text is longer than the vertical size of the box. However, the scroll in only vertical - there is no horizontal scroll (the scroll property is exactly the same of the ListBox). The text will adapt to the horizontal size.
The class in nothing special and can be improved, but feel free to use it if you like.

Carolina

New Post: Text Area

ctorres — Wed, 06 Aug 2008 14:35:23 GMT

Hi. I've been using your project and, boy has it been useful! Thanks!

However I lack one kind of component you don't seem to have implemented - a Text Area, i.e, an area where to put text that would create a scroll bar if the text is bigger than the area.
Do you intend to do something of the kind? Because I really needed something like that... I tried to do it but I got stuck in the part where labels don't wrap text...
I need this component because in my game I have to give instructions to the user and can have lots of text. Also, the text can vary a lot so writing the text "by hand" is not a solution.
At the very least I would need a component that would able me to write text one line below the other without having to separate the text throughout various labels and positioning them one below the other...
Any ideas?

New Post: how to use imageButton

emzic — Sat, 26 Jul 2008 21:48:01 GMT

thanks for your reply.

meanwhile i got it running by implementing my own UIComponent.

but here is another suggestion: how about renaming the enum MouseState to MouseCursorState so that it doesnt conflict with the class MouseState from XNA?

thanks for a great library and keep up the good work.