Garry's Mod Wiki

ImageCheckBox

Description

A checkbox panel similar to DCheckBox and DImageButton with customizable checked state image.

Uses the Material panel internally. Can't have a label.

Will error if no material was set.

Parent

Derives from Button.

Example

Example of ImageCheckBox usage.

local DFrame = vgui.Create( "DFrame" ) -- Create DFrame DFrame:SetSize( 300, 305 ) -- Set its size DFrame:Center() -- Center it DFrame:SetTitle( "Check list" ) -- Set a title for it DFrame:MakePopup() -- Make popup DFrame.Items = {} -- Create table to store lines local Head = DFrame:Add( "DPanel" ) -- Create head line Head:Dock( TOP ) -- Dock it Head:SetHeight( 20 ) -- Set height function Head:Paint( w, h ) local completed = 0 -- Variable to store amount of checked ImageCheckBox'es for k, v in ipairs( DFrame.Items ) do if ( v.ImageCheckBox:GetChecked() ) then completed = completed + 1 -- Get ImageCheckBox'es state and count checked end end draw.SimpleText( "You've completed " .. completed .. " of " .. #DFrame.Items .. " items", "DermaDefaultBold", w / 2, h / 2, Color( 255, 255, 255 ), TEXT_ALIGN_CENTER, TEXT_ALIGN_CENTER ) -- Draw the text end -- Convenience function to quickly add items local function addItem( text ) local RulePanel = DFrame:Add( "DPanel" ) -- Create container for this item RulePanel:Dock( TOP ) -- Dock it RulePanel:DockMargin( 0, 1, 0, 0 ) -- Add 1 pixel spacing in between each item table.insert( DFrame.Items, RulePanel ) -- Add to list of lines local ImageCheckBox = RulePanel:Add( "ImageCheckBox" ) -- Create checkbox with image ImageCheckBox:SetMaterial( "icon16/accept.png" ) -- Set its image ImageCheckBox:SetWidth( 24 ) -- Make the check box a bit wider than the image so it looks nicer ImageCheckBox:Dock( LEFT ) -- Dock it ImageCheckBox:SetChecked( false ) -- Set unchecked RulePanel.ImageCheckBox = ImageCheckBox -- Add reference to call local DLabel = RulePanel:Add( "DLabel" ) -- Create text DLabel:SetText( text ) -- Set the text DLabel:Dock( FILL ) -- Dock it DLabel:DockMargin( 5, 0, 0, 0 ) -- Move the text to the right a little DLabel:SetTextColor( Color( 0, 0, 0 ) ) -- Set text color to black end -- Adding items addItem( "Learn something" ) addItem( "Do something" ) addItem( "Make something" ) addItem( "Create something" ) addItem( "Play something" ) addItem( "Test something" ) addItem( "Write a really long item for testing purposes" ) addItem( "Break something" ) addItem( "Rebuild something" ) addItem( "Release something" )
Output:

Page Links


Special Pages


Wikis

?

Render Time: 31ms

Session 0
DB GetPage 3
Generate Html 6
SaveChanges 8
Render Body 0
Render Sidebar 12