2

アプリでツリー ビューを使用して、クライアント サーバー データをブラックベリーで表示しています。拡張可能なリストビュー項目を使用して、Android アプリで同じことを達成しました。しかし、ここで私は2つの問題に直面しています

1つは次のとおりです。

フォルダーアイコンのような親ノードアイコンを追加したい&子ノードには別のアイコンが必要です。たとえば、親アイテムが画像の場合、子ノードには画像アイコンが必要です。親アイテムがビデオの場合、子ノードにはビデオ アイコンが必要です。

2番：

任意の子ノード (Like image 子ノード) をクリックすると、このノードが新しい画面で開き、画像またはビデオをクリックしてもクリック可能な項目が表示されます。

目的の結果を得るために使用したコードは次のとおりです。

class CustomTreeFieldCallback implements TreeFieldCallback {
    public void drawTreeItem(TreeField _tree, Graphics g, int node, int y,
            int width, int indent) {
        // FontFamily
        FontFamily fontFamily[] = FontFamily.getFontFamilies();
        Font font = fontFamily[1].getFont(FontFamily.CBTF_FONT, 18);
        g.setFont(font);
        String text = (String) _tree.getCookie(node);
        Bitmap b = Bitmap.getBitmapResource("images.png");
        g.drawText(text, indent + b.getWidth(), y);
        g.drawBitmap(indent, y - 15, b.getWidth(), b.getHeight(), b, 0, 0);
    }
}

と

public class FilesManager extends MainScreen {

    public FilesManager() {

        // Set the linear background.
        Bitmap background = Bitmap.getBitmapResource("background.png");
        Background bg = BackgroundFactory.createBitmapBackground(background);
        this.getMainManager().setBackground(bg);

        String parentNode = new String("Images");
        String firstChild = new String("first child");
        String secondChild = new String("second child");
        String thirdChild = new String("third child");

        CustomTreeFieldCallback myCallback = new CustomTreeFieldCallback();
         myTree = new TreeField(myCallback, Field.FOCUSABLE); 

        int node2 = myTree.addChildNode(0, parentNode);
        myTree.addChildNode(node2, firstChild);
        myTree.addChildNode(node2, secondChild);
        myTree.addChildNode(node2, thirdChild);
        add(myTree);

    }

}

Androidで作成したスクリーンショットも添付しました。BBでこれを達成するためのガイドラインを教えてください。

ここに画像の説明を入力

4

1 に答える 1

3

あなたは良いスタートを切っています。

適切なアイコンを取得するには、どのツリー「ノード」がフォルダ、ムービー、曲、画像などであるかを検出する必要があります。これはTreeField#getFirstChild()、各ノードの 内の Cookie/テキストを使用するか、チェックすることによって行いますdrawTreeItem()。

ムービー、画像、または曲の行のクリックを処理するには、オーバーライドnavigationClick()します。

たとえば、BlackBerry の TreeFieldDemo から始めます。

class TreeFieldDemoScreen extends MainScreen
{

   private final Bitmap openIcon = Bitmap.getBitmapResource("folder-open.png");
   private final Bitmap closedIcon = Bitmap.getBitmapResource("folder-closed.png");
   private final Bitmap movieIcon = Bitmap.getBitmapResource("movie.png");
   private final Bitmap songIcon = Bitmap.getBitmapResource("song.png");
   private final Bitmap playIcon = Bitmap.getBitmapResource("play.png");

   public TreeFieldDemoScreen()
   {             
      setTitle("Tree Field Demo");

      TreeCallback myCallback = new TreeCallback();
      TreeField myTree = new TreeField(myCallback, Field.FOCUSABLE) {
         protected boolean navigationClick(int status, int time) {
            // We'll only override unvarnished navigation click behavior
            if ((status & KeypadListener.STATUS_ALT) == 0 &&
                  (status & KeypadListener.STATUS_SHIFT) == 0)
            {
               final int node = getCurrentNode();
               if (getFirstChild(node) == -1) {               
                  // Click is on a leaf node. Do some default action or else fall through.                  

                  // Note:  this will also detect empty folders, which might or 
                  //  might not be something your app has to handle
                  Dialog.alert("clicked " + getCookie(node));
                  // TODO: open player screen, etc.   
                  return true;              
               }
            }
            return super.navigationClick(status, time);
         }
      };

      myTree.setDefaultExpanded(false);
      myTree.setRowHeight(openIcon.getHeight());

      String nodeOne = new String("Video");  // folder
      String nodeTwo = new String("Music");  // folder
      String nodeThree = new String("Images"); // folder
      String nodeFour = new String("song.mp3");
      String nodeFive = new String("movie.m4v");

      int node1 = myTree.addChildNode(0, nodeOne);
      int node2 = myTree.addChildNode(0, nodeTwo);
      int node3 = myTree.addChildNode(0, nodeThree);
      int node4 = myTree.addChildNode(node2, nodeFour);
      int node5 = myTree.addChildNode(node1, nodeFive);

      add(myTree);
   }


   private class TreeCallback implements TreeFieldCallback 
   {
      public void drawTreeItem(TreeField _tree, Graphics g, int node, int y, int width, int indent) 
      {
         final int PAD = 8;
         String text = (String)_tree.getCookie(node);
         Bitmap icon = closedIcon;
         if (text.endsWith(".mp3")) {
            icon = songIcon;
         } else if (text.endsWith(".m4v")) {
            icon = movieIcon;
         } else if (_tree.getExpanded(node)) {
            icon = openIcon;
         }
         g.drawBitmap(indent, y, icon.getWidth(), icon.getHeight(), icon, 0, 0);
         // This assumes filenames all contain '.' character!
         if (text.indexOf(".") > 0) {
            // Leaf node, so this is a playable item (movie or song)
            g.drawBitmap(_tree.getWidth() - playIcon.getWidth() - PAD, y + PAD, 
                  playIcon.getWidth(), playIcon.getHeight(), playIcon, 0, 0);
         }
         int fontHeight = getFont().getHeight();
         g.drawText(text, indent + icon.getWidth() + PAD, y + (_tree.getRowHeight() - fontHeight)/2);
      }
   }
}

私のナビゲーション クリック ハンドラーは、「再生」ボタン自体だけでなく、映画または曲の行全体のクリックを受け入れるようにコーディングされています。ユーザーの指が小さなタッチ ターゲットに当たる必要がないため、これはタッチ デバイスの方が簡単だと思います。ただし、必要に応じてこれを変更できます。

結果

ここに画像の説明を入力

注:画像ファイルのアイコンを接続することはしませんでした ... 今ならできるはずです。

于 2013-08-30T02:55:03.250 に答える