[Tutorials] Fullbanner không bị vỡ hạt và cách thêm thông tin ngoài HomeScreen

Thảo luận trong 'Theme - Hình nền' bắt đầu bởi greensky20, 8/2/11.

Chia sẻ trang này

  1. greensky20 Active Member
    BB Model:
    Dev Alpha B

    Tham gia:
    8/2/11
    Số bài viết:
    495
    Được thích:
    116
    Hướng dẫn này mình đọc được từ trang web nước ngoài.thấy nó hay và có ít cho các bạn làm theme,vì 1 số theme đã có kỹ thuật này. Nó khá đơn giản

    bạn chỉ cần edit 1 file svg từ compose bằng notepad,wordpad hay notepad++

    code ví dụ
    Code:
    Mã:
    <image id="OwnerInfo"
            x="4"
            y="251"
            width="352"
            height="29"
            xlink:href="x-object:/OwnerInfo?id=name&amp;width=352&amp;height=29&amp;font-family=OwnerInfo&amp;font-style=plain&amp;font-size=28&amp;fill=ffffff&amp;align=left"/>
    bạn chỉ cần chèn code này vào file svg,save lại là chạy thử giả lập là sẽ thấy tác dụng của nó
    lưu ý các tọa độ x,y là có trên màn hình của blackberry đời máy mà bạn dùng
    width và height phải phù hợp với đời máy nhé ^^


    Ngày 10 tháng 1 năm 2011
    Có lẽ bây giờ mình đã tìm ra vấn đề cho fullbanner mà icon không vỡ hạt:
    b1: với các đối tượng date,time bạn có thể dùng cách như trên chỉ cần thay OwnerInfo là các đối tượng sau nhé
    Wallpaper:

    Mã:
    x-object:/Image?src=wallpaper
    Time:

    Mã:
    x-object:/CurrentDateTime?clocktype=time
    Battery:

    Mã:
    xlink:href="x-object:/BatteryLevel"
    Coverage:

    Mã:
    xlink:href="x-object:/Coverage"
    Roaming Icon:

    Mã:
    xlink:href="x-object:/Roaming"
    GPS Mode Icon:

    Mã:
    x-object:/GPSMode
    Alarm Icon:

    Mã:
    x-object:/AlarmIndicator
    System Status:

    Mã:
    x-object:/SystemStatus
    Indicators:

    Mã:
    xlink:href="x-object:/GridIndicators
    Wifi Signal:

    Mã:
    x-object:/WLANSignalLevel
    Owner Name:

    Mã:
    x-object:/OwnerInfo?id=name
    Owner's Info:

    Mã:
    x-object:/OwnerInfo?id=info
    b2: bạn chỉnh toạ độ x,y và width và height sao cho hợp lý là được
    ví dụ
    [​IMG]
    bạn dựa vào kích thước màn hình tương ứng để canh chỉnh toạ độ cho đúng nhé

    b3: trong file svg của home screen có thể dùng 1 bức ảnh để che banner phía trên đi.nó chỉ hiện khi bạn vào màn hình ứng dụng
    hoặc 1 cách khác là ẩn đi bằng code ^^

    Hi vọng sau bài viết này thì fullbanner không bị vỡ hạt sẽ ko còn là vấn đề đối với các bạn làm theme nữa ^^

    các đối tượng trên mình tìm dc từ web. ^^

    Đính kèm ở dưới là đưa đối tượng Time từ trên banner xuống homescreen mình đã chạy và làm được rồi.các bạn down về giải nén rồi add vào homescreen của 83/87/88 rồi xem thử nhé ^^.file compose mình đính kèm là dùng compose bản 4.7 nên ko bít add vào 5.0 có vấn đề gì ko ^^.

    ĐIỂM QUAN TRỌNG MÌNH XIN NHẮC LẠI LÀ 4 CHI TIẾT X,Y,WIDTH,HEIGHT BẠN PHẢI THIẾT LẬP CHO ĐÚNG VỚI KÍCH THƯỚC MÀN HÌNH BB.FILE TIME DƯỚI LÀ DEMO TRÊN BB 83/87/88.
     

    Các file đính kèm:

    • time.zip
      Kích thước:
      662 bytes
      Đọc:
      75
    Tags:
  2. trungdung143

    trungdung143 Member

    Tham gia:
    2/2/11
    Bài viết:
    32
    Được thích:
    1
    Re: [Tutorials] Đưa Owner Information ra HomeScreen khi làm theme

    thanks bác Trần Vũ ! chào mừng sang BBvietnam.com :D
     
  3. hoanggiaovien

    hoanggiaovien New Member

    Tham gia:
    7/2/11
    Bài viết:
    2
    Được thích:
    0
    Re: [Tutorials] Đưa Owner Information ra HomeScreen khi làm theme

    hay quá nhưng chưa dùng, cảm ơn trước....

    Added at --- 09/02/2011, 22:54 ---

    hay quá nhưng chưa dùng, cảm ơn trước....<br /><br />Added at --- 09/02/2011, 22:55 ---<br /><br />hay quá nhưng chưa dùng, cảm ơn trước....
     
  4. greensky20

    greensky20 Active Member

    Tham gia:
    8/2/11
    Bài viết:
    495
    Được thích:
    116
    BB Model:
    Dev Alpha B
    Re: [Tutorials] Đưa Owner Information ra HomeScreen khi làm theme

    Sau 1 vài ngày biết được kỹ thuật này.mình suy nghĩ đến việc có thể làm Fullbanner bằng cách thay ID của đoạn code đó là ID của thời gian và trong file svg sẽ tìm cách che cái thời gian ở trên banner chính?
    bằng cách này có thể kéo cả thời gian và ngày tháng,tên mạng....những thứ trên banner xuống.
    điều quan trọng nhất là phải biết ID của nó.
    mình chưa thử nhưng đây là 1 ý tưởng.ko biết có ai đã làm thử nó chưa.mình sẽ thử và báo cáo kết quả sau.
     
  5. Soulkent

    Soulkent Member

    Tham gia:
    25/1/11
    Bài viết:
    671
    Được thích:
    14
    BB Model:
    9800
    Mod đâu! Move bài này sang box Kĩ thuật làm Theme đi kià! :) hehehe! Up lên cho bác này! Chào mừng bác sang nhà mới. :)

    [ Posted by Mobile Device ] [​IMG]
     
  6. xinloimottinhyeu_812

    xinloimottinhyeu_812 Moderator

    Tham gia:
    6/1/11
    Bài viết:
    472
    Được thích:
    57
    BB Model:
    8700g
    Thực chất vấn đề này chỉ đơn giản là tạo ra 1 loạt image banner, nhưng thực chất vẫn tồn tại 2 banner, vậy bạn thử xem có thay được font time hay font date k? Nếu k thay được font nó chỉ tạm đẹp trên 83/88 (vì có bbalphasan) còn 87 thì xấu đừng hỏi luôn ! China họ có thể thay font, làm full hoàn hảo (icon size 52x52) bạn nghĩ sao?

    [ Posted by Mobile Device ] [​IMG]
     
  7. greensky20

    greensky20 Active Member

    Tham gia:
    8/2/11
    Bài viết:
    495
    Được thích:
    116
    BB Model:
    Dev Alpha B
    em cũng mới bắt đầu làm theme,tìm hiểu cũng chưa nhiều nên chỉ có thể biết là với đoạn code này thì
    Mã:
        <image id="OwnerInfo"
                x="4"  y="251" width="352"  height="29"
                xlink:href="x-object:/OwnerInfo?id=name&amp;width=352&amp;height=29&amp;font-family=OwnerInfo&amp;font-style=plain&amp;font-size=28&amp;fill=ffffff&amp;align=left"/>
    có thể thay font,thay kích thước font,thay màu font dc(em ko biết số lượng font mà bb hỗ trợ,nhưng chắc trong các font có sẵn thì thay được còn add thêm font vào thì em ko biết có được ko?).
    bằng cách thay giá trị các thuộc tính font-family,font-style,-font-size và fill,căn chỉnh align.
    có 1 số theme của trung quốc em thấy người ta có dùng 1 số app add từ compose che phía trên banner,vì thực chất em nghĩ lúc vào menu ứng dụng thì cũng cần tới banner phía trên ^^.
    [​IMG]
    đây là 1 ví dụ ạ,em không biết em nghĩ như vậy có đúng ko nữa?
    Đối với icon size 52x52 thì em chưa làm được ạ.khả năng thì có thể làm 3row nhưng để cho icon có kích thước đó thì em chưa tìm được cách làm ^^.em có biết anh làm theme illuson fullbanner ạ ^^ icon đúng là to và đẹp ^^.
    Em cảm ơn bài góp ý của anh ^^.
     
  8. Lev's

    Lev's New Member

    Tham gia:
    18/2/11
    Bài viết:
    4
    Được thích:
    0
    đào mộ lên để test nào :)) :)) :))
     
  9. greensky20

    greensky20 Active Member

    Tham gia:
    8/2/11
    Bài viết:
    495
    Được thích:
    116
    BB Model:
    Dev Alpha B
    hiện tại fullbanner theo cách mình nói và áp dụng cách làm 3 rows thì có vẻ fullbanner không là vấn đề nữa.bạn cứ test thoải mái.fullbanner của bạn có đẹp hay ko là cách bạn edit tọa độ hiển thị thông tin ngày tháng trên màn hình.
     
  10. xinloimottinhyeu_812

    xinloimottinhyeu_812 Moderator

    Tham gia:
    6/1/11
    Bài viết:
    472
    Được thích:
    57
    BB Model:
    8700g
    Bạn đã thay được font, size, color cho TIME chưa?
     
  11. greensky20

    greensky20 Active Member

    Tham gia:
    8/2/11
    Bài viết:
    495
    Được thích:
    116
    BB Model:
    Dev Alpha B
    dạ rồi anh. em đã thay được font,size,color rồi ạ.

    font-family="tên font mà bạn muốn hiểu thị(thay bất kỳ font gì mà bb hỗ trợ,việc add font của win thì em không rõ bb có làm dc ko)"&amp;
    font-style="kiểu chữ"&amp;
    font-size="size bạn muốn(theo em tìm hiểu thì không thể chọn size lớn hơn 52)"&amp;
    fill="mã màu chữ(dùng mã hex)"&amp;
    align="căn chỉnh" mà bạn muốn.


    em có làm 1 theme có dùng cái này đây là video demo của nó.trong này em chỉ thay size và màu chữ.còn font em dùng bbalpha sans
    ở đây em thấy khó là ở 4 tọa độ x,y,width và height căn chỉnh sao cho thật chính xác vị trí mà mình muốn
    [youtube]RZg-5LaqXVc[/youtube]
    đây là 1 theme của trung quốc theo em nghĩ là có dùng cách fullbanner như em nói.

    [​IMG]
    [​IMG]

    em đã thử trích xuất icon từ theme này thì lấy được ảnh icon với kích thước 48x36 như vậy theo em nghĩ ở đây làm 3 rows với kích thước 48x36,và kích thước icon được resize gần bằng với tab nâu bên ngoài. nên có cảm giác icon gần nhau và to hơn.với loại theme này thì em làm được.

    nhân tiện đây em có thắc mắc đang gặp phải ở chỗ làm slide dock với đoạn code để tạo slide là
    Mã:
    <animateTransform xlink:href="#Layer_1" id="_anim_l1" attributeName="transform" type="translate"
    					to="0,0" dur="0.5s"  
    					fill="freeze"
    					begin="Theme_Button_1.focusin"	/>
    liệu em có thể tạo hiệu ứng slide với phím tắt không?em thấy theme win8 lite của newday có kĩ thuật này.ko biết em nghĩ vậy có đúng không?mong được sự giúp đỡ từ các bạn
     
  12. nicky86

    nicky86 Member

    Tham gia:
    20/2/11
    Bài viết:
    137
    Được thích:
    8
    theme này nhìn trông cg được
    thanks bác nhé!<br /><br />Added at --- 20/02/2011, 00:34 ---<br /><br />bác nào có theme os6 pro cho 8320 không? e tìm mãi nhưng không được.
    thanks các bác trước nhé
     
  13. Ddos

    Ddos New Member

    Tham gia:
    19/2/11
    Bài viết:
    16
    Được thích:
    0
    Đoạn code để thay font mặc định theo máy như nào thế các bác.

    [ Posted by Mobile Device ] [​IMG]
     
  14. kn09

    kn09 New Member

    Tham gia:
    21/2/11
    Bài viết:
    16
    Được thích:
    6
    Thanks nhiều!!! :D :D :D
     
  15. Silver.Wings

    Silver.Wings New Member

    Tham gia:
    24/2/11
    Bài viết:
    7
    Được thích:
    0
    Test thử coi xem thế nào:D<br /><br />Added at --- 24/02/2011, 22:34 ---<br /><br />Sang la liếm ủng hộ cho cậu nè :D
     
  16. hitch28

    hitch28 Member

    Tham gia:
    16/1/11
    Bài viết:
    42
    Được thích:
    0
  17. xinloimottinhyeu_812

    xinloimottinhyeu_812 Moderator

    Tham gia:
    6/1/11
    Bài viết:
    472
    Được thích:
    57
    BB Model:
    8700g
    tôi tin bạn sẽ thành công ! Nhưng cách làm trên của bạn chỉ có font đẹp + font mặc định của RIM mới sử dụng đc, và đồng nghĩa là 87 ngồi nhìn, về tổng thể font mặc định k đẹp, fon add win có nhiều font đẹp hơn
     
  18. BB8900

    BB8900 New Member

    Tham gia:
    1/3/11
    Bài viết:
    3
    Được thích:
    0
    Không có storm mà test :) dù sao cũng thanks bác đã chia sẻ :)
     
  19. vincentlimandri

    vincentlimandri New Member

    Tham gia:
    2/4/11
    Bài viết:
    14
    Được thích:
    0
    tks so much :-bd, ngon quá. tập tành làm 1 cái cho vui >:)
     
  20. virtue255

    virtue255 New Member

    Tham gia:
    12/2/11
    Bài viết:
    7
    Được thích:
    0
    @greensky20:
    Thanks bác, em cũng đã đưa được time và 1 số cái nữa xuống phía dưới cái banner. Em cũng đã thay được Font (tất nhiên là font có sẵn của BB) và sửa được size.
    Có điều là chữ AM, PM nó to bằng giờ, nhìn khá là chướng mắt.
    Có cách nào làm cho chữ AM, PM nó nhỏ hơn được không bác?
     
Đang tải...