lotrointerface.com
Search Downloads


Go Back   LoTROInterface > LotRO > Developer Discussions > XML modification help (L)

Reply
Thread Tools Display Modes
  #1  
Unread 11-03-2010, 03:47 PM
Halvitur Halvitur is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Dec 2009
Posts: 11
Trouble with the levelmeter (looking for a XML reference)

Hi,

we finally have F2P in Europe and I started to work on some UIs and plugins. And now I've encountered a problem I cannot solve on my own. Please have look:



As a comparison, this is how the levelmeter should look like:



As you can see the levelmeter is a complete mess. The frame around the levelmeter and especially around the levelmeter text doesn't work, the little highlight doesn't work properly either. And I have no idea, how to fix this. I guess, that I'll have to work with the appropriate element IDs, but I don't know these IDs. A current XML reference might be really helpful. The current UI Skin Art Package doesn't contain the information I need (or I've missed them).

Here's my current code:

Code:
<PanelFile ID="toolbar">
		<Element ID="ToolbarField" X="540" Y="900" Width="600" Height="90" Detach="0">
			<Element ID="ToolbarFieldMain" X="0" Y="0" Width="600" Height="90"></Element>
			
			<Element ID="LevelMeter" X="15" Y="75" Width="572" Height="12">
				<Element ID="LevelMeterFill" X="0" Y="2" Width="572" Height="10">
					<Element ID="LevelMeter_BonusMeter" X="0" Y="2" width="572" Height="10"></Element>
				</Element>
				<Element ID="LevelMeterText" X="0" Y="0" Width="572" Height="12"></Element>
			</Element>
Thank you in advance for any help you can provide and sorry, if have been to tired to find the informations I need.
Reply With Quote
  #2  
Unread 11-03-2010, 04:59 PM
Hazado Hazado is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: May 2007
Posts: 10
Toolbar panel from V3B2 UI Skin Art Pack

Code:
<PanelFile ID="ID_UISkin_Toolbar">
  <Element ID="ToolbarField" X="0" Y="513" Width="1024" Height="200"> 
    <Element ID="ToolbarButton_Slot_3" X="101" Y="157" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_Slot_4" X="129" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_Slot_5" X="157" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_Slot_6" X="185" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="Toolbar_Quickslot" X="323" Y="147" Width="420" Height="35"> 
      <Element ID="QuickslotListBox" X="0" Y="0" Width="420" Height="35"> 
        <Element ID="QuickslotButtonTemplate" X="0" Y="0" Width="35" Height="35"> 
          <Element ID="QuickslotOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
          <Element ID="SkillQuickslotDisplayTemplate" X="0" Y="0" Width="35" Height="35"> 
            <Element ID="RealQuickslotSkillDisplay" X="0" Y="0" Width="35" Height="35"> 
              <Element ID="QuickslotSkillToggleOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillAvailableOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillRangeOverlay" X="23" Y="4" Width="12" Height="12"> </Element>
              <Element ID="QuickslotNewlyShortcutSkillOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillResetTimer" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillIcon" X="3" Y="3" Width="32" Height="32"> 
                <Element ID="Overlay" X="0" Y="0" Width="32" Height="32"> </Element>
              </Element>
              <Element ID="QuickslotSkillGhostedOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillPlayingOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillComboMatchOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillOnDeckOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
              <Element ID="QuickslotSkillErrorOverlay" X="3" Y="3" Width="32" Height="32"> </Element>
            </Element>
          </Element>
          <Element ID="QuickslotLabelText" X="3" Y="23" Width="32" Height="12"> </Element>
        </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_Slot_7" X="213" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarFieldMain" X="0" Y="110" Width="1024" Height="90"> </Element>
    <Element ID="Toolbar_WebstoreButton" X="962" Y="122" Width="66" Height="69"> 
      <Element ID="Toolbar_WebstoreButton_ButtonLabel" X="13" Y="31" Width="42" Height="20"> </Element>
      <Element ID="Toolbar_WebstoreButton_ButtonLable_Store" X="10" Y="42" Width="48" Height="20"> </Element>
    </Element>
    <Element ID="ToolbarFieldMain_LevelMeter_Left_Cap" X="0" Y="187" Width="17" Height="13"> </Element>
    <Element ID="Gameplay_AtunementUI" X="237" Y="111" Width="88" Height="60"> 
      <Element ID="PipDisplay_Atunement_Pips" X="0" Y="0" Width="88" Height="60"> </Element>
    </Element>
    <Element ID="GamePlay_FervorPipDisplay" X="236" Y="110" Width="90" Height="42"> </Element>
    <Element ID="ToolbarFieldMain_LevelMeter_Right_Cap" X="1009" Y="187" Width="17" Height="13"> </Element>
    <Element ID="GamePlay_AimPipDisplay" X="236" Y="110" Width="90" Height="42"> </Element>
    <Element ID="ToolbarFieldMain_LevelMeter_Mid_Left_Cap" X="406" Y="187" Width="16" Height="13"> </Element>
    <Element ID="WebstoreButton_TutorialHighlight" X="963" Y="120" Width="61" Height="69"> 
      <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="69"> </Element>
      <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="66" Width="55" Height="3"> </Element>
      <Element ID="TutorialHighlighter_RightBorder" X="58" Y="0" Width="3" Height="69"> </Element>
      <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="55" Height="3"> </Element>
      <Element ID="TutorialArrowPointer" X="31" Y="0" Width="1" Height="1"> </Element>
    </Element>
    <Element ID="ToolbarFieldMain_LevelMeter_Mid_Right_Cap" X="603" Y="187" Width="16" Height="13"> </Element>
    <Element ID="LevelMeter" X="1" Y="181" Width="1024" Height="30"> 
      <Element ID="ToolbarFieldMain_LevelMeter_Glass_Overlay" X="5" Y="7" Width="1015" Height="11"> </Element>
      <Element ID="ToolbarButton_RestXP_TutorialHighlight" X="2" Y="3" Width="1019" Height="17"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="1013" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="1016" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="1013" Height="3"> </Element>
        <Element ID="TutorialArrowPointer" X="137" Y="0" Width="1" Height="1"> </Element>
      </Element>
      <Element ID="LevelMeterFill" X="5" Y="7" Width="1015" Height="11"> 
        <Element ID="LevelMeter_BonusMeter" X="0" Y="0" Width="1015" Height="11"> </Element>
        <Element ID="meter_fill" X="0" Y="0" Width="507" Height="11"> 
          <Element ID="meter_fill_image" X="0" Y="0" Width="507" Height="11"> </Element>
        </Element>
      </Element>
      <Element ID="ToolbarButton_LevelUpXP_TutorialHighlight" X="2" Y="3" Width="1019" Height="17"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="1013" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="1016" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="1013" Height="3"> </Element>
      </Element>
      <Element ID="ToolbarButton_Experience_TutorialHighlight" X="2" Y="3" Width="1019" Height="17"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="1013" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="1016" Y="0" Width="3" Height="17"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="1013" Height="3"> </Element>
        <Element ID="TutorialArrowPointer" X="137" Y="0" Width="1" Height="1"> </Element>
      </Element>
      <Element ID="LevelMeterText" X="3" Y="5" Width="1020" Height="15"> </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_1" X="763" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_2" X="791" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_3" X="819" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_4" X="847" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_6" X="903" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolBarButton_MainMenu" X="6" Y="138" Width="30" Height="45"> </Element>
    <Element ID="ToolbarButton_RightSlot_5" X="875" Y="157" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_RightSlot_7" X="931" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="GamePlay_RampagePipDisplay" X="236" Y="85" Width="105" Height="67"> </Element>
    <Element ID="AutoAttackIndicatorButton" X="249" Y="128" Width="63" Height="63"> </Element>
    <Element ID="ToolbarButton_Slot_1" X="45" Y="158" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ViolentModeIndicator" X="249" Y="128" Width="63" Height="63"> </Element>
    <Element ID="ToolbarButton_CustomizeSlots" X="234" Y="169" Width="26" Height="19"> </Element>
    <Element ID="ToolbarButton_Slot_2" X="73" Y="147" Width="25" Height="25"> 
      <Element ID="CustomizableSlotButton_BuyNowButton" X="0" Y="0" Width="25" Height="25"> </Element>
      <Element ID="CustomizableSlotButton_TutorialHighlight" X="0" Y="0" Width="25" Height="25"> 
        <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="22" Width="19" Height="3"> </Element>
        <Element ID="TutorialHighlighter_RightBorder" X="22" Y="0" Width="3" Height="25"> </Element>
        <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="19" Height="3"> </Element>
      </Element>
    </Element>
    <Element ID="ToolbarButton_AutoAttack_TutorialHighlight" X="244" Y="110" Width="80" Height="78"> 
      <Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="78"> </Element>
      <Element ID="TutorialHighlighter_BottomBorder" X="3" Y="75" Width="74" Height="3"> </Element>
      <Element ID="TutorialHighlighter_RightBorder" X="77" Y="0" Width="3" Height="78"> </Element>
      <Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="74" Height="3"> </Element>
    </Element>
  </Element>
</PanelFile>
Reply With Quote
  #3  
Unread 11-03-2010, 05:11 PM
Halvitur Halvitur is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Dec 2009
Posts: 11
Um, must have missed that passage. How embarrassing, but thank you very much. This should help.
Reply With Quote
  #4  
Unread 11-03-2010, 07:19 PM
Hazado Hazado is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: May 2007
Posts: 10
Quote:
Originally Posted by Halvitur
Um, must have missed that passage. How embarrassing, but thank you very much. This should help.
Glad I could help. Don't be embarrased, we all make mistakes. At least you asked for help
Reply With Quote
  #5  
Unread 11-05-2010, 09:26 AM
Halvitur Halvitur is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Dec 2009
Posts: 11
Ok, I'm nearly done, but there's on thing I cannot solve.



The image doesn't show the current state, but it's good enough to explain the problem. As you can see the "highlight effect" doesn't cover the entire levelmeter. But it's not the highlight that is to short, it's the background of the levelmeter text that is misplaced. It should lay behind the text but instead it is misplaced to right where it covers the highlight effect.

So how can I move the text background into the center and behind the text. I cannot find the identifier for the background.

Here's the code of my levelmeter

Code:
<Element ID="LevelMeter" X="192" Y="181" Width="554" Height="30"> 
	<Element ID="ToolbarFieldMain_LevelMeter_Glass_Overlay" X="0" Y="7" Width="554" Height="11"> </Element>
	<Element ID="ToolbarButton_RestXP_TutorialHighlight" X="0" Y="200" Width="1" Height="1"> </Element>
	<Element ID="LevelMeterFill" X="0" Y="7" Width="554" Height="11"> 
	<Element ID="LevelMeter_BonusMeter" X="0" Y="0" Width="554" Height="11"> </Element>
		<Element ID="meter_fill" X="0" Y="0" Width="507" Height="11"> 
			<Element ID="meter_fill_image" X="0" Y="0" Width="507" Height="11"> </Element>
		</Element>
	</Element>
	<Element ID="ToolbarButton_LevelUpXP_TutorialHighlight" X="0" Y="200" Width="1" Height="1"> </Element>
	<Element ID="ToolbarButton_Experience_TutorialHighlight" X="0" Y="200" Width="1" Height="1"> </Element>
	<Element ID="LevelMeterText" X="0" Y="5" Width="554" Height="15"> </Element>
</Element>
Something missing or any mistakes?
Reply With Quote
  #6  
Unread 11-08-2010, 05:36 AM
Halvitur Halvitur is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Dec 2009
Posts: 11
Oh my god, it's an image. It's just an image. I feel stupid again.

The image is named

letterbox_bottom_glass_overlay.tga

and can be found in the latest skin art pack. When you are done with the repositioning of the levelmeter, grab the image, reduce the size of the image to fit your levelmeter (beginning from the center of the image; you have to keep image symmetric), resize the black space in the center of the image to fit the space between the two middle caps and, if necessary, move the alpha channel to make sure, that the gaps in the glass overly match match the gaps in the level meter fill image (the offest filter of Photoshop is very useful at this pint).

This is my final result:


Last edited by Halvitur : 11-08-2010 at 06:20 AM.
Reply With Quote
  #7  
Unread 11-08-2010, 06:17 AM
daimon's Avatar
daimon daimon is offline
The Undying
Interface Author - Click to view interfaces
 
Join Date: Aug 2007
Location: Finland
Posts: 466
Cheers. Might come in handy at near future
__________________
~·~ DaimonUI ~·~
avatar by Humon
Reply With Quote
  #8  
Unread 11-08-2010, 06:33 AM
Halvitur Halvitur is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Dec 2009
Posts: 11
Another advice: If you want to make sure, that the two pixel border of the levelmeter fill image won't cover the (visible) borders of the levelmeter, use the caps to create a frame around the level meter. Make them half size of the levelmeter, place the left one at the left border and the right one at the center (but not centered of course).

The outer caps will cover the levelmeter text (and unfortunately everything else that might cover the levelmeter except for the inner caps) so you will have to draw some "empty spaces" into the alpha channel. At this point you'll still need a top- and a bottom-border in the letterbox-image which will become visible instead of the the cap-images (but they won't cover anything of course). It's quite painful (my letterbox has three "layers" just for the levelmeter and just because the levelmeter has a stupid "two pixel border) but it works.

You won't have to create an complete levelmeter-frame in the letterbox image since the levelmeter fill image will cover the anything. You just need a top- and bottom-border as mentioned and only when you want to create a two pixel frame around the level meter like I did.

The code for my letterbox. Might become handy too (couldn't test the tutorial highlights yet):

Code:
	<PanelFile ID="ID_UISkin_Toolbar">
		<Element ID="ToolbarField" X="328" Y="850" Width="1024" Height="200"> 
			
			<!-- Start Menu Button -->
			<Element ID="ToolBarButton_MainMenu" X="230" Y="170" Width="25" Height="25"> </Element>

			<!-- We make most of the buttons disappear -->
			<Element ID="ToolbarButton_Slot_1" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_2" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_3" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_4" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_5" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_6" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_Slot_7" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_1" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_2" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_3" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_4" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_5" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_6" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_RightSlot_7" X="0" Y="200" Width="1" Height="1"> </Element>
			
			<Element ID="Toolbar_WebstoreButton" X="0" Y="200" Width="1" Height="1"> </Element>
			<Element ID="ToolbarButton_CustomizeSlots" X="0" Y="0" Width="1" Height="1"> </Element>
			
			<!-- Levelmeter Frame -->
			<Element ID="ToolbarFieldMain_LevelMeter_Left_Cap" X="210" Y="187" Width="302" Height="13"> </Element>
			<Element ID="ToolbarFieldMain_LevelMeter_Mid_Left_Cap" X="395" Y="187" Width="16" Height="13"> </Element>
			<Element ID="ToolbarFieldMain_LevelMeter_Mid_Right_Cap" X="613" Y="187" Width="16" Height="13"> </Element>
			<Element ID="ToolbarFieldMain_LevelMeter_Right_Cap" X="512" Y="187" Width="302" Height="13"> </Element>
			
			<!-- Levelmeter -->
			<Element ID="LevelMeter" X="215" Y="181" Width="594" Height="30"> 
				<Element ID="LevelMeterFill" X="0" Y="7" Width="594" Height="11"> 
					<Element ID="LevelMeter_BonusMeter" X="0" Y="0" Width="594" Height="11"> </Element>
					<Element ID="meter_fill" X="0" Y="0" Width="594" Height="11"> 
						<Element ID="meter_fill_image" X="0" Y="0" Width="594" Height="11"> </Element>
					</Element>
				</Element>
				<Element ID="LevelMeterText" X="0" Y="5" Width="594" Height="15"> </Element>
				<Element ID="ToolbarFieldMain_LevelMeter_Glass_Overlay" X="0" Y="7" Width="594" Height="11"> </Element>
				
				<Element ID="ToolbarButton_Experience_TutorialHighlight" X="216" Y="3" Width="588" Height="17"> 
					<Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="582" Height="3"> </Element>
					<Element ID="TutorialHighlighter_RightBorder" X="285" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="582" Height="3"> </Element>
					<Element ID="TutorialArrowPointer" X="60" Y="0" Width="1" Height="1"> </Element>
				</Element>
				<Element ID="ToolbarButton_LevelUpXP_TutorialHighlight" X="216" Y="3" Width="588" Height="17"> 
					<Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="582" Height="3"> </Element>
					<Element ID="TutorialHighlighter_RightBorder" X="585" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="582" Height="3"> </Element>
				</Element>				
				<Element ID="ToolbarButton_RestXP_TutorialHighlight" X="2" Y="3" Width="588" Height="17"> 
					<Element ID="TutorialHighlighter_LeftBorder" X="0" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_BottomBorder" X="3" Y="14" Width="582" Height="3"> </Element>
					<Element ID="TutorialHighlighter_RightBorder" X="585" Y="0" Width="3" Height="17"> </Element>
					<Element ID="TutorialHighlighter_TopBorder" X="3" Y="0" Width="582" Height="3"> </Element>
					<Element ID="TutorialArrowPointer" X="60" Y="0" Width="1" Height="1"> </Element>
				</Element>
			</Element>
		</Element>	
	</PanelFile>
P.S.: Another solution: Draw the entire the levelmeter frame (maybe even with the glass overlay) in one image, use this image as mid left cap (not as left cap because the left cap would cover the levelmeter text) and the remove the other caps from the code (and the glass of overlay if necessary).

Last edited by Halvitur : 11-08-2010 at 06:52 AM.
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
LotRO API Reference is up on the Wiki Cairenn News 6 12-01-2010 08:27 PM
LotRO API Reference is up on the wiki! Digital_Utopia Lua Programming Help (L) 5 09-24-2010 08:08 PM
Trouble with Paperdoll positioning Supermax XML modification help (L) 16 12-05-2008 12:28 PM
Trouble installing UI.... baffled blackandy Interface Help (L) 4 08-10-2007 08:31 AM
Changing the levelmeter only Grimholm XML modification help (L) 7 07-09-2007 02:26 AM


All times are GMT -5. The time now is 12:06 PM.


Our Network
EQInterface | EQ2Interface | Minion | WoWInterface | ESOUI | LoTROInterface | MMOUI | Swtorui