Clever Geek Handbook

Android用の便利なOpenFileDialogを作成する

おそらく、 Androidの多くの開発者と同様に、先日、ユーザーのファイル選択をアプリケーションに実装する必要に遭遇しました。 当初Androidにはそのような機能はなかったので、私は素晴らしいと恐ろしいことに頼りました 。 私には奇妙に思えましたが、 stackoverflowに関するいくつかの質問と少数の国内フォーラムから、主な情報源は3つしかありません。

  1. Android File Dialog - stackoverflowからのほぼすべてのリンクがここにあります。 原則として、優れたソリューションですが、別のアクティビティを通じて実装されていますが、 .NetのOpenFileDialogの精神で何かが必要でした。
  2. この記事は、一般に個別のファイルマネージャに関するものであり、そこからアイデアを引き出すことはできませんでした。
  3. しかし、 ここから私はこのアイデアがとても好きになりました。これはすべてこれがいくぶんもっと美しいことができると気づいたように思えたからです。


その結果、私の決定を実行し始めて、私は非常に興味深いと思われる解決するいくつかの困難に遭遇しました。 そのため、この記事では既成のソリューションだけでなく、それに至るまでのすべてのステップについて説明することにしました。 それらを一緒に渡したい人-

それでは始めましょう！ 使い慣れた環境（ IntelliJ IDEAを使用）で、新しいアプリケーションを作成します。 メインアクティビティで 、1つのボタンを配置し、空の状態でクリックハンドラーに書き込みます。 

public void OnOpenFileClick(View view) { }


コンストラクターで新しいクラスを作成します。 

 import android.app.AlertDialog; import android.content.Context; public class OpenFileDialog extends AlertDialog.Builder { public OpenFileDialog(Context context) { super(context); setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } }


そして、ボタンハンドラーでダイアログを呼び出します。 

 OpenFileDialog fileDialog = new OpenFileDialog(this); fileDialog.show();


ボタンが表示されましたが、今ではファイル自体を見つける必要があります。 ルートsdcardを使用して検索を開始し、フィールドを定義します。 

 private String currentPath = Environment.getExternalStorageDirectory().getPath();


次のメソッドを実装します。 

  private String[] getFiles(String directoryPath){ File directory = new File(directoryPath); File[] files = directory.listFiles(); String[] result = new String[files.length]; for (int i = 0; i < files.length; i++) { result[i] = files[i].getName(); } return result; }


（クラスの主な要件は、追加のライブラリを接続せずに開発者とすぐに作業することであるため、 google-collectionsを使用せず、従来の方法で配列を操作する必要があります）、コンストラクターで。 currentPath）、null） 。







まあ、悪くはありませんが、ファイルはソートされていません。 この場合のアダプタを内部クラスとして実装し、 setItemsをsetAdapterに置き換え、 getFilesを少し書き換えます 。 

 private class FileAdapter extends ArrayAdapter<File> { public FileAdapter(Context context, List<File> files) { super(context, android.R.layout.simple_list_item_1, files); } @Override public View getView(int position, View convertView, ViewGroup parent) { TextView view = (TextView) super.getView(position, convertView, parent); File file = getItem(position); view.setText(file.getName()); return view; } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


 .setAdapter(new FileAdapter(context, getFiles(currentPath)), null)
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


  private List<File> getFiles(String directoryPath){ File directory = new File(directoryPath); List<File> fileList = Arrays.asList(directory.listFiles()); Collections.sort(fileList, new Comparator<File>() { @Override public int compare(File file, File file2) { if (file.isDirectory() && file2.isFile()) return -1; else if (file.isFile() && file2.isDirectory()) return 1; else return file.getPath().compareTo(file2.getPath()); } }); return fileList; }


さらに良いことですが、フォルダをクリックして中に入る必要があります。 組み込みのlistviewにアクセスできますが、自分のリストビューに置き換えただけです（これは後で便利になります）。 さらに、 リストビューハンドラー内のアダプターの変更により例外が発生し、ファイルのリストを別のフィールドに移動する必要がありました。 

  private List<File> files = new ArrayList<File>(); public OpenFileDialog(Context context) { super(context); files.addAll(getFiles(currentPath)); ListView listView = createListView(context); listView.setAdapter(new FileAdapter(context, files)); setView(listView) .setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } private void RebuildFiles(ArrayAdapter<File> adapter) { files.clear(); files.addAll(getFiles(currentPath)); adapter.notifyDataSetChanged(); } private ListView createListView(Context context) { ListView listView = new ListView(context); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int index, long l) { final ArrayAdapter<File> adapter = (FileAdapter) adapterView.getAdapter(); File file = adapter.getItem(index); if (file.isDirectory()) { currentPath = file.getPath(); RebuildFiles(adapter); } } }); return listView; }


さて、 Androidフォルダーをクリックするだけで、1つのデータディレクトリのリストが表示され、ウィンドウのサイズはすぐに小さくなります。







おそらくこれは正常ですが、私はそれが好きではなかったので、サイズを節約する方法を探し始めました。 私が見つけた唯一のオプションはsetMinimumHeightを設定することです。 このプロパティをリストビューに設定すると、追加の問題が発生しましたが、 LinearLayoutでラップすることにしました 。 

  public OpenFileDialog(Context context) { super(context); LinearLayout linearLayout = createMainLayout(context); files.addAll(getFiles(currentPath)); ListView listView = createListView(context); listView.setAdapter(new FileAdapter(context, files)); linearLayout.addView(listView); setView(linearLayout) .setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } private LinearLayout createMainLayout(Context context) { LinearLayout linearLayout = new LinearLayout(context); linearLayout.setOrientation(LinearLayout.VERTICAL); linearLayout.setMinimumHeight(750); return linearLayout; }


とにかく、結果は私たちが望んでいるものとは少し異なることが判明しました：起動時にダイアログが全画面に展開され、 Androidディレクトリに移動すると750pxに減少します 。 さらに、さまざまなデバイスの画面の高さも異なります。 setMinimumHeightを現在の画面で可能な最大値に設定することにより 、これら両方の問題を一度に解決します。 

  private static Display getDefaultDisplay(Context context) { return ((WindowManager)context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); } private static Point getScreenSize(Context context) { Point screeSize = new Point(); getDefaultDisplay(context).getSize(screeSize); return screeSize; } private static int getLinearLayoutMinHeight(Context context) { return getScreenSize(context).y; } private LinearLayout createMainLayout(Context context) { LinearLayout linearLayout = new LinearLayout(context); linearLayout.setOrientation(LinearLayout.VERTICAL); linearLayout.setMinimumHeight(getLinearLayoutMinHeight(context)); return linearLayout; }


画面のフルサイズをsetMinimumHeightに設定することを恐れる必要はありません。システム自体が値を最大許容値に減らします。

現在、ユーザーが現在どのディレクトリにいるのかを理解し、戻るという問題があります。 最初のものを扱いましょう。 すべてが簡単に思えます- タイトル値をcurrentPathに設定し、後者が変更されたときに変更します。 setTitle（currentPath）呼び出しをコンストラクターとRebuildFilesメソッドに追加します。







すべてがうまくいくようです。 Androidディレクトリに移動しましょう。







しかし、いいえ-タイトルは変更されていません。 ダイアログを表示した後にsetTitleが失敗するのはなぜですか、ドキュメントには記載されていません 。 ただし、独自のヘッダーを作成し、標準のヘッダーに置き換えることでこれを修正できます。 

 private TextView title; public OpenFileDialog(Context context) { super(context); title = createTitle(context); LinearLayout linearLayout = createMainLayout(context); files.addAll(getFiles(currentPath)); ListView listView = createListView(context); listView.setAdapter(new FileAdapter(context, files)); linearLayout.addView(listView); setCustomTitle(title) .setView(linearLayout) .setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } private int getItemHeight(Context context) { TypedValue value = new TypedValue(); DisplayMetrics metrics = new DisplayMetrics(); context.getTheme().resolveAttribute(android.R.attr.rowHeight, value, true); getDefaultDisplay(context).getMetrics(metrics); return (int)TypedValue.complexToDimension(value.data, metrics); } private TextView createTitle(Context context) { TextView textView = new TextView(context); textView.setTextAppearance(context, android.R.style.TextAppearance_DeviceDefault_DialogWindowTitle); int itemHeight = getItemHeight(context); textView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, itemHeight)); textView.setMinHeight(itemHeight); textView.setGravity(Gravity.CENTER_VERTICAL); textView.setPadding(15, 0, 0, 0); textView.setText(currentPath); return textView; } private void RebuildFiles(ArrayAdapter<File> adapter) { files.clear(); files.addAll(getFiles(currentPath)); adapter.notifyDataSetChanged(); title.setText(currentPath); }


繰り返しますが、すべてが大丈夫というわけではありません。十分に行けば、行はヘッダーに収まりません







setMaximumWidthを設定するソリューションは 、ユーザーには長いパスの始まりのみが表示されるため、 正しくありません。 私の判断がどれほど真実かはわかりませんが、私はこうしました： 

 public int getTextWidth(String text, Paint paint) { Rect bounds = new Rect(); paint.getTextBounds(text, 0, text.length(), bounds); return bounds.left + bounds.width() + 80; } private void changeTitle() { String titleText = currentPath; int screenWidth = getScreenSize(getContext()).x; int maxWidth = (int) (screenWidth * 0.99); if (getTextWidth(titleText, title.getPaint()) > maxWidth) { while (getTextWidth("..." + titleText, title.getPaint()) > maxWidth) { int start = titleText.indexOf("/", 2); if (start > 0) titleText = titleText.substring(start); else titleText = titleText.substring(2); } title.setText("..." + titleText); } else { title.setText(titleText); } }


ここで、返品に関する問題を解決します。 LinearLayoutがあることを考えると、これは十分簡単です 。 別のTextViewを追加して 、コードを少しリファクタリングします。 

  private ListView listView; public OpenFileDialog(Context context) { super(context); title = createTitle(context); changeTitle(); LinearLayout linearLayout = createMainLayout(context); linearLayout.addView(createBackItem(context)); files.addAll(getFiles(currentPath)); listView = createListView(context); listView.setAdapter(new FileAdapter(context, files)); linearLayout.addView(listView); setCustomTitle(title) .setView(linearLayout) .setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } private TextView createTextView(Context context, int style) { TextView textView = new TextView(context); textView.setTextAppearance(context, style); int itemHeight = getItemHeight(context); textView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, itemHeight)); textView.setMinHeight(itemHeight); textView.setGravity(Gravity.CENTER_VERTICAL); textView.setPadding(15, 0, 0, 0); return textView; } private TextView createTitle(Context context) { TextView textView = createTextView(context, android.R.style.TextAppearance_DeviceDefault_DialogWindowTitle); return textView; } private TextView createBackItem(Context context) { TextView textView = createTextView(context, android.R.style.TextAppearance_DeviceDefault_Small); Drawable drawable = getContext().getResources().getDrawable(android.R.drawable.ic_menu_directions); drawable.setBounds(0, 0, 60, 60); textView.setCompoundDrawables(drawable, null, null, null); textView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); textView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { File file = new File(currentPath); File parentDirectory = file.getParentFile(); if (parentDirectory != null) { currentPath = parentDirectory.getPath(); RebuildFiles(((FileAdapter) listView.getAdapter())); } } }); return textView; }








1ステップ戻る機能により、ユーザーはアクセスが拒否されたディレクトリに移動する可能性があるため、 RebuildFiles関数を変更します。 

  private void RebuildFiles(ArrayAdapter<File> adapter) { try{ List<File> fileList = getFiles(currentPath); files.clear(); files.addAll(fileList); adapter.notifyDataSetChanged(); changeTitle(); } catch (NullPointerException e){ Toast.makeText(getContext(), android.R.string.unknownName, Toast.LENGTH_SHORT).show(); } }


（これまでのところ、メッセージはあまり有益ではありませんが、すぐにこれを修正する機能を開発者に追加します）。

OpenFileDialogは、フィルターなしでは実行できません。 同様に追加します。 

  private FilenameFilter filenameFilter; public OpenFileDialog setFilter(final String filter) { filenameFilter = new FilenameFilter() { @Override public boolean accept(File file, String fileName) { File tempFile = new File(String.format("%s/%s", file.getPath(), fileName)); if (tempFile.isFile()) return tempFile.getName().matches(filter); return true; } }; return this; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


 List<File> fileList = Arrays.asList(directory.listFiles(filenameFilter));
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


 new OpenFileDialog(this).setFilter(".*\\.txt");


フィルタは正規表現を受け入れることに注意してください。 すべては問題ないように見えますが、フィルターが割り当てられる前に、最初のファイル選択がコンストラクターで機能します。 再定義されたshowメソッドに転送します。 

  public OpenFileDialog(Context context) { super(context); title = createTitle(context); changeTitle(); LinearLayout linearLayout = createMainLayout(context); linearLayout.addView(createBackItem(context)); listView = createListView(context); linearLayout.addView(listView); setCustomTitle(title) .setView(linearLayout) .setPositiveButton(android.R.string.ok, null) .setNegativeButton(android.R.string.cancel, null); } @Override public AlertDialog show() { files.addAll(getFiles(currentPath)); listView.setAdapter(new FileAdapter(getContext(), files)); return super.show(); }


少しだけ残っています：選択したファイルを返します。 繰り返しになりますが、なぜCHOICE_MODE_SINGLEを設定する必要があるのか​​理解できず、選択した項目（コード）がCHOICE_MODE_SINGLEなしで機能する場合、強調表示する追加のコードを記述します。 

 private int selectedIndex = -1;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


  @Override public View getView(int position, View convertView, ViewGroup parent) { TextView view = (TextView) super.getView(position, convertView, parent); File file = getItem(position); view.setText(file.getName()); if (selectedIndex == position) view.setBackgroundColor(getContext().getResources().getColor(android.R.color.holo_blue_light)); else view.setBackgroundColor(getContext().getResources().getColor(android.R.color.background_dark)); return view; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


  private void RebuildFiles(ArrayAdapter<File> adapter) { try{ List<File> fileList = getFiles(currentPath); files.clear(); selectedIndex = -1; files.addAll(fileList); adapter.notifyDataSetChanged(); changeTitle(); } catch (NullPointerException e){ Toast.makeText(getContext(), android.R.string.unknownName, Toast.LENGTH_SHORT).show(); } } private ListView createListView(Context context) { ListView listView = new ListView(context); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int index, long l) { final ArrayAdapter<File> adapter = (FileAdapter) adapterView.getAdapter(); File file = adapter.getItem(index); if (file.isDirectory()) { currentPath = file.getPath(); RebuildFiles(adapter); } else { if (index != selectedIndex) selectedIndex = index; else selectedIndex = -1; adapter.notifyDataSetChanged(); } } }); return listView; }


そして、リスナーインターフェイスを作成します。 

  public interface OpenDialogListener{ public void OnSelectedFile(String fileName); } private OpenDialogListener listener; public OpenFileDialog setOpenDialogListener(OpenDialogListener listener) { this.listener = listener; return this; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


 … .setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (selectedIndex > -1 && listener != null) { listener.OnSelectedFile(listView.getItemAtPosition(selectedIndex).toString()); } } }) …


さて、呼び出しを変更しましょう： 

  OpenFileDialog fileDialog = new OpenFileDialog(this) .setFilter(".*\\.csv") .setOpenDialogListener(new OpenFileDialog.OpenDialogListener() { @Override public void OnSelectedFile(String fileName) { Toast.makeText(getApplicationContext(), fileName, Toast.LENGTH_LONG).show(); } }); fileDialog.show();


最後にいくつかの改善： 

  private Drawable folderIcon; private Drawable fileIcon; private String accessDeniedMessage; public OpenFileDialog setFolderIcon(Drawable drawable){ this.folderIcon = drawable; return this; } public OpenFileDialog setFileIcon(Drawable drawable){ this.fileIcon = drawable; return this; } public OpenFileDialog setAccessDeniedMessage(String message) { this.accessDeniedMessage = message; return this; } private void RebuildFiles(ArrayAdapter<File> adapter) { try{ List<File> fileList = getFiles(currentPath); files.clear(); selectedIndex = -1; files.addAll(fileList); adapter.notifyDataSetChanged(); changeTitle(); } catch (NullPointerException e){ String message = getContext().getResources().getString(android.R.string.unknownName); if (!accessDeniedMessage.equals("")) message = accessDeniedMessage; Toast.makeText(getContext(), message, Toast.LENGTH_SHORT).show(); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     


  @Override public View getView(int position, View convertView, ViewGroup parent) { TextView view = (TextView) super.getView(position, convertView, parent); File file = getItem(position); view.setText(file.getName()); if (file.isDirectory()) { setDrawable(view, folderIcon); } else { setDrawable(view, fileIcon); if (selectedIndex == position) view.setBackgroundColor(getContext().getResources().getColor(android.R.color.holo_blue_dark)); else view.setBackgroundColor(getContext().getResources().getColor(android.R.color.transparent)); } return view; } private void setDrawable(TextView view, Drawable drawable) { if (view != null){ if (drawable != null){ drawable.setBounds(0, 0, 60, 60); view.setCompoundDrawables(drawable, null, null, null); } else { view.setCompoundDrawables(null, null, null, null); } } }


私はまだ解決できなかったいくつかの問題があり、助けてくれて感謝しています。

  1. アイテム「Up」のクリックを強調表示します。 setBackgroundResourceを android.R.drawable.list_selector_background の値に設定することで解決するようですが、これはholoではなくandroid 2.xのスタイルです！
  2. ユーザーが選択したテーマに応じたファイル選択の色。


コメントや提案もお待ちしています。 完全なコードはこちら 。



More articles:


All Articles