Modification de l'écran de verrouillage (style S2U2)

Voici une modification de l'écran de verrouillage de Windows Mobile 6.5 afin qu'il ressemble un peu plus à S2U2 :

By trmc at 2009-10-15

Editez le fichier LS_LockScene_480x800.cpr qui se trouve dans \Windows et remplacez son contenu par ceci :

Code:

<Form Width="480" Height="800">
  <LS_LockScene ID="Scene">
    <Slider ID="LockSlider" Top="660" Left="48" Width="384" Height="80" Orientation="Left" OnPress="ShowNotifications" OnSlideLeftFinal="" OnSlideRightFinal="Unlock" >
      <Layer ID="SlidePath" >
        <Layer ID="SlidePathLeft">
          <Image Left="68" Top="26" Width="58" Height="26" Opacity="1.0" Source="\windows\arr_loop_l4.png" />
        </Layer>
        <Layer ID="SlidePathRight">
          <Image Left="258" Top="26" Width="58" Height="26" Opacity="1.0" Source="\windows\arr_loop_r4.png" />
        </Layer>
        <ControlSequence ID="SlidePathEnterSequenceLeft" Left="68" Top="26" Width="58" Height="26" FramesPerSecond="28" Loop="False">
          <Image ID="Sequence1"  Opacity="1.0" Source="\windows\arwL_entry_001.png" />
          <Image ID="Sequence2"  Opacity="1.0" Source="\windows\arwL_entry_002.png" />
          <Image ID="Sequence3"  Opacity="1.0" Source="\windows\arwL_entry_003.png" />
          <Image ID="Sequence4"  Opacity="1.0" Source="\windows\arwL_entry_004.png" />
          <Image ID="Sequence5"  Opacity="1.0" Source="\windows\arwL_entry_005.png" />
          <Image ID="Sequence6"  Opacity="1.0" Source="\windows\arwL_entry_006.png" />
          <Image ID="Sequence7"  Opacity="1.0" Source="\windows\arwL_entry_007.png" />
          <Image ID="Sequence8"  Opacity="1.0" Source="\windows\arwL_entry_008.png" />
          <Image ID="Sequence9"  Opacity="1.0" Source="\windows\arwL_entry_009.png" />
          <Image ID="Sequence10" Opacity="1.0" Source="\windows\arwL_entry_010.png" />
          <Image ID="Sequence11" Opacity="1.0" Source="\windows\arwL_entry_011.png" />
          <Image ID="Sequence12" Opacity="1.0" Source="\windows\arwL_entry_012.png" />
          <Image ID="Sequence13" Opacity="1.0" Source="\windows\arwL_entry_013.png" />
          <Image ID="Sequence14" Opacity="1.0" Source="\windows\arwL_entry_014.png" />
          <Image ID="Sequence15" Opacity="1.0" Source="\windows\arwL_entry_015.png" />
          <Image ID="Sequence16" Opacity="1.0" Source="\windows\arwL_entry_016.png" />
          <Image ID="Sequence17" Opacity="1.0" Source="\windows\arwL_entry_017.png" />
          <Image ID="Sequence18" Opacity="1.0" Source="\windows\arwL_entry_018.png" />
          <Image ID="Sequence19" Opacity="1.0" Source="\windows\arwL_entry_019.png" />
          <Image ID="Sequence20" Opacity="1.0" Source="\windows\arwL_entry_020.png" />
          <Image ID="Sequence21" Opacity="1.0" Source="\windows\arwL_entry_021.png" />
        </ControlSequence>
        <ControlSequence ID="SlidePathEnterSequenceRight" Left="258" Top="26" Width="58" Height="26" FramesPerSecond="28" Loop="False">
          <Image ID="Sequence1" Opacity="1.0" Source="\windows\arwR_enter_001.png" />
          <Image ID="Sequence2" Opacity="1.0" Source="\windows\arwR_enter_002.png" />
          <Image ID="Sequence3" Opacity="1.0" Source="\windows\arwR_enter_003.png" />
          <Image ID="Sequence4" Opacity="1.0" Source="\windows\arwR_enter_004.png" />
          <Image ID="Sequence5" Opacity="1.0" Source="\windows\arwR_enter_005.png" />
          <Image ID="Sequence6" Opacity="1.0" Source="\windows\arwR_enter_006.png" />
          <Image ID="Sequence7" Opacity="1.0" Source="\windows\arwR_enter_007.png" />
          <Image ID="Sequence8" Opacity="1.0" Source="\windows\arwR_enter_008.png" />
          <Image ID="Sequence9" Opacity="1.0" Source="\windows\arwR_enter_009.png" />
          <Image ID="Sequence10" Opacity="1.0" Source="\windows\arwR_enter_010.png" />
          <Image ID="Sequence11" Opacity="1.0" Source="\windows\arwR_enter_011.png" />
          <Image ID="Sequence12" Opacity="1.0" Source="\windows\arwR_enter_012.png" />
          <Image ID="Sequence13" Opacity="1.0" Source="\windows\arwR_enter_013.png" />
          <Image ID="Sequence14" Opacity="1.0" Source="\windows\arwR_enter_014.png" />
          <Image ID="Sequence15" Opacity="1.0" Source="\windows\arwR_enter_015.png" />
          <Image ID="Sequence16" Opacity="1.0" Source="\windows\arwR_enter_016.png" />
          <Image ID="Sequence17" Opacity="1.0" Source="\windows\arwR_enter_017.png" />
          <Image ID="Sequence18" Opacity="1.0" Source="\windows\arwR_enter_018.png" />
          <Image ID="Sequence19" Opacity="1.0" Source="\windows\arwR_enter_019.png" />
          <Image ID="Sequence20" Opacity="1.0" Source="\windows\arwR_enter_020.png" />
          <Image ID="Sequence21" Opacity="1.0" Source="\windows\arwR_enter_021.png" />
        </ControlSequence>
        <ControlSequence ID="SlidePathLoopSequenceLeft" Left="68" Top="26" Width="58" Height="26" FramesPerSecond="4" LoopCount="2">
          <Image ID="Sequence1" Opacity="1.0" Source="\windows\arr_loop_l1.png" />
          <Image ID="Sequence2" Opacity="1.0" Source="\windows\arr_loop_l2.png" />
          <Image ID="Sequence3" Opacity="1.0" Source="\windows\arr_loop_l3.png" />
          <Image ID="Sequence4" Opacity="1.0" Source="\windows\arr_loop_l4.png" />
        </ControlSequence>
        <ControlSequence ID="SlidePathLoopSequenceRight" Left="258" Top="26" Width="58" Height="26" FramesPerSecond="4" LoopCount="2">
          <Image ID="Sequence1" Opacity="1.0" Source="\windows\arr_loop_r1.png" />
          <Image ID="Sequence2" Opacity="1.0" Source="\windows\arr_loop_r2.png" />
          <Image ID="Sequence3" Opacity="1.0" Source="\windows\arr_loop_r3.png" />
          <Image ID="Sequence4" Opacity="1.0" Source="\windows\arr_loop_r4.png" />
        </ControlSequence>
      </Layer>
      <Layer ID="Slide"  Width="120" Height="80" OnInitComplete="Binding:LockScreen,LS_Notifications">
        <Layer ID="SlideDown">
          <Image ID="SliderFocusIcon" Width="120" Height="80" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" />
        </Layer>
        <Layer ID="SlideUp">
          <Image ID="SliderIcon" Width="120" Height="80" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" />
        </Layer>
        <Text ID="TotalCount" Left="52" Width="44" Height="80" FontFamily="Tahoma" FontSize="15" Wrap="False" HorizontalAlignment="Center" VerticalAlignment="Middle" Opacity="1.0" >
          <TextStage TextOffsetType="TextOffsetOutline" Color="#00000000" TextOffset="2"/>
          <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
        </Text>
      </Layer>
    </Slider>
    <Text ID="TapOrSlide" Top="628" Left="180" Width="120" Height="32" FontFamily="Tahoma" FontSize="8" Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" InnerTextType="Resource" Text="shellresapps.dll,18150">
      <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
      <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
    </Text>
    <Text ID="SlideToUnlock" Top="628" Left="180" Width="120" Height="32" FontFamily="Tahoma" FontSize="8" Wrap="False" HorizontalAlignment="Center" VerticalAlignment="Middle" InnerTextType="Resource" Text="shellresapps.dll,18149">
      <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
      <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
    </Text>
    <LockScreenListView ID="Notifications List" Top="376" Left="18" Width="444" Height="470" Columns="1" Rows="4" ItemWidth="444" ItemHeight="92" OnInitComplete="Binding:LockScreen,LS_Notifications">
      <Layer ID="Focus" Width="444" Height="92"  />
      <Layer ID="ListItem" Visible="False">
        <Layer ID="Normal">
          <Slider ID="ItemSlider" Width="444" Height="64" Orientation="Left" OnSlideLeftFinal="" OnSlideRightFinal="NotificationUnlock">
            <Layer ID="SlidePath">
              <Layer ID="SlidePathLeft">
                <Image Left="122" Top="18" Width="58" Height="26" Opacity="1.0" Source="\windows\arr_loop_l4.png" />
              </Layer>
              <Layer ID="SlidePathRight">
                <Image Left="164" Top="18" Width="158" Height="26" Opacity="1.0" Source="\windows\arr_loop_r4.png" />
              </Layer>
              <ControlSequence ID="SlidePathEnterSequenceLeft" Left="122" Top="18" Width="58" Height="26" FramesPerSecond="28" Loop="False">
                <Image ID="Sequence1"  Opacity="1.0" Source="\windows\arwL_entry_001.png" />
                <Image ID="Sequence2"  Opacity="1.0" Source="\windows\arwL_entry_002.png" />
                <Image ID="Sequence3"  Opacity="1.0" Source="\windows\arwL_entry_003.png" />
                <Image ID="Sequence4"  Opacity="1.0" Source="\windows\arwL_entry_004.png" />
                <Image ID="Sequence5"  Opacity="1.0" Source="\windows\arwL_entry_005.png" />
                <Image ID="Sequence6"  Opacity="1.0" Source="\windows\arwL_entry_006.png" />
                <Image ID="Sequence7"  Opacity="1.0" Source="\windows\arwL_entry_007.png" />
                <Image ID="Sequence8"  Opacity="1.0" Source="\windows\arwL_entry_008.png" />
                <Image ID="Sequence9"  Opacity="1.0" Source="\windows\arwL_entry_009.png" />
                <Image ID="Sequence10" Opacity="1.0" Source="\windows\arwL_entry_010.png" />
                <Image ID="Sequence11" Opacity="1.0" Source="\windows\arwL_entry_011.png" />
                <Image ID="Sequence12" Opacity="1.0" Source="\windows\arwL_entry_012.png" />
                <Image ID="Sequence13" Opacity="1.0" Source="\windows\arwL_entry_013.png" />
                <Image ID="Sequence14" Opacity="1.0" Source="\windows\arwL_entry_014.png" />
                <Image ID="Sequence15" Opacity="1.0" Source="\windows\arwL_entry_015.png" />
                <Image ID="Sequence16" Opacity="1.0" Source="\windows\arwL_entry_016.png" />
                <Image ID="Sequence17" Opacity="1.0" Source="\windows\arwL_entry_017.png" />
                <Image ID="Sequence18" Opacity="1.0" Source="\windows\arwL_entry_018.png" />
                <Image ID="Sequence19" Opacity="1.0" Source="\windows\arwL_entry_019.png" />
                <Image ID="Sequence20" Opacity="1.0" Source="\windows\arwL_entry_020.png" />
                <Image ID="Sequence21" Opacity="1.0" Source="\windows\arwL_entry_021.png" />
              </ControlSequence>
              <ControlSequence ID="SlidePathEnterSequenceRight" Left="164" Top="18" Width="58" Height="26" FramesPerSecond="28" Loop="False">
                <Image ID="Sequence1" Opacity="1.0" Source="\windows\arwR_enter_001.png" />
                <Image ID="Sequence2" Opacity="1.0" Source="\windows\arwR_enter_002.png" />
                <Image ID="Sequence3" Opacity="1.0" Source="\windows\arwR_enter_003.png" />
                <Image ID="Sequence4" Opacity="1.0" Source="\windows\arwR_enter_004.png" />
                <Image ID="Sequence5" Opacity="1.0" Source="\windows\arwR_enter_005.png" />
                <Image ID="Sequence6" Opacity="1.0" Source="\windows\arwR_enter_006.png" />
                <Image ID="Sequence7" Opacity="1.0" Source="\windows\arwR_enter_007.png" />
                <Image ID="Sequence8" Opacity="1.0" Source="\windows\arwR_enter_008.png" />
                <Image ID="Sequence9" Opacity="1.0" Source="\windows\arwR_enter_009.png" />
                <Image ID="Sequence10" Opacity="1.0" Source="\windows\arwR_enter_010.png" />
                <Image ID="Sequence11" Opacity="1.0" Source="\windows\arwR_enter_011.png" />
                <Image ID="Sequence12" Opacity="1.0" Source="\windows\arwR_enter_012.png" />
                <Image ID="Sequence13" Opacity="1.0" Source="\windows\arwR_enter_013.png" />
                <Image ID="Sequence14" Opacity="1.0" Source="\windows\arwR_enter_014.png" />
                <Image ID="Sequence15" Opacity="1.0" Source="\windows\arwR_enter_015.png" />
                <Image ID="Sequence16" Opacity="1.0" Source="\windows\arwR_enter_016.png" />
                <Image ID="Sequence17" Opacity="1.0" Source="\windows\arwR_enter_017.png" />
                <Image ID="Sequence18" Opacity="1.0" Source="\windows\arwR_enter_018.png" />
                <Image ID="Sequence19" Opacity="1.0" Source="\windows\arwR_enter_019.png" />
                <Image ID="Sequence20" Opacity="1.0" Source="\windows\arwR_enter_020.png" />
                <Image ID="Sequence21" Opacity="1.0" Source="\windows\arwR_enter_021.png" />
              </ControlSequence>
              <ControlSequence ID="SlidePathLoopSequenceLeft" Left="122" Top="18" Width="58" Height="26" FramesPerSecond="4" LoopCount="2">
                <Image ID="Sequence1" Opacity="1.0" Source="\windows\arr_loop_l1.png" />
                <Image ID="Sequence2" Opacity="1.0" Source="\windows\arr_loop_l2.png" />
                <Image ID="Sequence3" Opacity="1.0" Source="\windows\arr_loop_l3.png" />
                <Image ID="Sequence4" Opacity="1.0" Source="\windows\arr_loop_l4.png" />
              </ControlSequence>
              <ControlSequence ID="SlidePathLoopSequenceRight" Left="264" Top="18" Width="58" Height="26" FramesPerSecond="4" LoopCount="2">
                <Image ID="Sequence1" Opacity="1.0" Source="\windows\arr_loop_r1.png" />
                <Image ID="Sequence2" Opacity="1.0" Source="\windows\arr_loop_r2.png" />
                <Image ID="Sequence3" Opacity="1.0" Source="\windows\arr_loop_r3.png" />
                <Image ID="Sequence4" Opacity="1.0" Source="\windows\arr_loop_r4.png" />
              </ControlSequence>
            </Layer>
            <Layer ID="Slide" Width="134" Height="64">
              <Layer ID="SlideDown">
                <Image ID="Focus Image" Left="30" Width="74" Height="64" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" />
              </Layer>
              <Layer ID="SlideUp">
                <Image ID="Image" Left="30" Width="74" Height="64" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" />
              </Layer>
              <Text ID="Notification Count" Left="104" Width="30" Height="18" FontFamily="Tahoma" FontSize="10" FontStyle="Regular"  Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Opacity="1.0" >
                <TextStage TextOffsetType="TextOffsetOutline" Color="#00000000" TextOffset="2"/>
                <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
              </Text>
            </Layer>
          </Slider>
        </Layer>
      </Layer>
      <Layer ID="No Items">
      </Layer>
    </LockScreenListView>

    <Layer ID="TimeX" Top="6">
      <Image ID="TimeBG" Width="480" Height="104" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\LS_TimeBG.png"/>
      <Layer Top="14" ID="DateTime" OnInitComplete="Binding:LockScreen,LS_ClockDataItem">
        <Text ID="TimeText" Width="288" Top="-2" Height="68" FontFamily="Tahoma" FontSize="31" FontStyle="Regular" Wrap="False" HorizontalAlignment="Right" VerticalAlignment="Middle" Opacity="1.0" >
          <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
          <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
        </Text>
        <Text ID="AMPMText" Left="300" Width="180" Height="32" FontFamily="Tahoma" FontSize="12" FontStyle="Regular" Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Opacity="1.0" >
          <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
          <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
        </Text>
        <Text ID="DateText" Left="300" Top="34" Width="180" Height="38" FontFamily="Tahoma" FontSize="15" FontStyle="Regular" Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Opacity="1.0" >
          <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
          <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
        </Text>
      </Layer>
    </Layer>
     
    <Layer ID="AppointmentX" Left="58" Top="114">
      <Layer ID="Appointment">
        <ActiveIcon ID="Display Appointment" OnInitComplete="Binding:LockScreen,LS_Appointment">
          <Image Width="64" Height="64" Visible="True" Opacity="1.0" ScalingAlgorithm = "TriLinear" Source="\windows\icn_cal_up.png"/>
          <Text ID="Subject" Left="68" Top="4" Width="300" Height="34" FontFamily="Tahoma" FontSize="15" FontStyle="Regular"  Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Trimming="EllipsisCharacter" Opacity="1.0" >
            <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
            <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
          </Text>
          <Text ID="Time" Left="68" Top="68" Width="300" Height="30" FontFamily="Tahoma" FontSize="6" FontStyle="Regular"  Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Trimming="EllipsisCharacter" Opacity="1.0" >
            <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
            <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
          </Text>
          <Text ID="Location" Left="68" Top="40" Width="300" Height="30" FontFamily="Tahoma" FontSize="10" FontStyle="Regular"  Wrap="False" HorizontalAlignment="Left" VerticalAlignment="Middle" Trimming="EllipsisCharacter" Opacity="1.0" >
            <TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="2" BlurFactor="3" Alpha="1.0"/>
            <TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
          </Text>
        </ActiveIcon>
      </Layer>
    </Layer>
  </LS_LockScene>
</Form>

Comme pour toute modification du Titanium n'oubliez pas de sauvegarder le fichier CPR avant de faire la manip pour revenir en arrière au cas où...

Une petite copie d'écran avant et après STP ? Ou au moins une description du résultat ?

Ben normalement l'heure est en bas et le slider en haut et on peut "slider" soit à droite soit à gauche...

Si tu as WM6.5 il te suffit de regarder sur ton tel... Et concernant la copie d'écran du résultat il suffit de regarder l'image présente dans mon post...

Bravo TRMC, joli travail !
Plus facile de slider en bas de l'écran qu'en haut.
Et on a plutôt l'habitude de lire l'heure en haut de l'écran qu'en bas.
Donc modification parfaite.
Merci !

GENIAL ! j'adopte ce modèle !

bonjour,
bravo pour le mod.

Pour être complet il s'agit d'une modification d'un LockScreen VGA fait par jonnrb sur XDA lequel était déjà basé sur une modification faite par joel2009 en QVGA toujours sur XDA

Pour ceux qui veulent fignoler un peu plus ce fichier LockScene par exemple pour régler le problème de l'agenda qui parfois n'affiche pas complètement le RDV :

pour décaler un peu plus l'icône de l'agenda sur la gauche (pour gagner de la place sur la droite) :

Code:

<Layer ID="AppointmentX" Left="15" Top="114">

ici l'icône agenda sera dans la position absolue de 15 pixels à partir de la gauche.
C'est à partir de cette position que se basent toutes les autres positions qui ont une propriété relative (elles se positionnent en fonction de cette icône : 30 signifie que la position sera à 30 pixels de l'icône agenda donc 45 px du bord gauche).

Code:

<Text ID="Subject" Left="60" Top="4" Width="330" Height="34" FontFamily="Tahoma" FontSize="13"

En mettant la valeur "Left" à 60 vous grignotez encore de la place à gauche.
En mettant la valeur "Width" à 330 vous gagnez dans la largeur du champ texte à remplir.
En mettant la valeur "FontSize" (la taille de la police) à 13, plus de caractères seront affichés.

C'est ce que j'ai mis mais bien sûr vous mettez ce que vous voulez.
La seule chose importante à considérer est la valeur relative... ça vous évitera des softs resets pour rien.