2013-11-27 12 views
19

GDKを使用すると、Glass上のWiFiネットワークに接続するときに表示される進行状況インジケータを表示する方法がありますか? (ディスプレイの下部にある「スピン」の行は、このビデオの最後のようなものです:https://www.youtube.com/watch?v=g3ncmeGaKN0Google Glass GDK:進捗インジケータ?

ありがとう!

+0

優秀な質問です。私は同じことを探していた。私は自分のプロジェクトに標準的な水平プログレスバーを追加しました。うまくいきましたが、残りのUIで見ているGlassスタイルとスタイルを一致させたいと思います。これがレイアウト上の単なるパームなのかどうかわかりません – Darren

答えて

2

GDKは、一部のウィジェットのテーマを自動的にオーバーライドして、適切なGlassのような外観を提供します(TextViewなど)。テーマをまだ持っていないウィジェットについては、ここでfile an issueを追跡してください。

+0

ありがとう! 提出:https://code.google.com/p/google-glass-api/issues/detail?id=271 – giladgo

3

これはかなり近づいていますが、色はオフです(青色/青色/白色の代わりに)。

style="?android:attr/progressBarStyleHorizontal" 

サンプル(OkGlassFindACat経由):

<ProgressBar 
    android:id="@+id/someProgressBar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:indeterminate="true" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom" /> 

Glass progress bar using progressBarStyleHorizontal

私は間違いなくしかし、その色をオーバーライドする方法を考え出したていません。

0

私たちは同様の問題を抱えており、私たちのために働くハイブリッドアプローチを見つけました。前の記事で説明した標準的なプログレスバーの@patridgeと、Android Holo Colorsで提供されている生成されたホロスタイルを適用しました。

組み込みのGDKバージョンと非常によく似た、白い進捗バーの画像、アニメーション、レイヤー、スタイルを生成することができました。ホロカラーの生成されたpng画像のサイズを編集することで、GDKに合うようにバーの高さを上げることができます。

あなたは、生成されたファイルは、プロジェクトに含まれますが、ここで私たちのテーマは、その後どのように見えるかである必要があります。

<style name="OurGlassTheme" parent="@android:style/Theme.DeviceDefault.NoActionBar.Fullscreen"> 
    <item name="android:progressBarStyleHorizontal">@style/ProgressBarGlass</item> 
</style> 
<style name="ProgressBarGlass" parent="android:Widget.ProgressBar.Horizontal"> 
    <item name="android:progressDrawable">@drawable/glass_progress_horizontal_holo_light</item> 
    <item name="android:indeterminateDrawable">@drawable/glass_progress_indeterminate_horizontal_holo_light</item> 
    <item name="android:minHeight">16dip</item> 
    <item name="android:maxHeight">16dip</item> 
</style> 

私はそれは超退屈だけど、@giladgoさんが提出を受け入れながら、それはそこに私たちを取得しますGlass開発者にGDKプログレスバーを提供するように指示します。

1

上記の答えをまとめて、カードリストローダーの一般的なレイアウトを作成しました。ここではレイアウトファイルcard_scroll_with_progress_layout.xmlです:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@android:color/black"> 

    <com.google.android.glass.widget.CardScrollView 
     android:id="@+id/card_scroll_view" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <ProgressBar 
     android:id="@+id/progress_bar" 
     style="?android:attr/progressBarStyleHorizontal" 
     android:indeterminate="true" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom" /> 

</FrameLayout> 

その後のonCreateに私はプログレスバーを取得し、転がり、それを設定します。

View rootLayout = getLayoutInflater() 
         .inflate(R.layout.card_scroll_with_progress_layout, null); 
mProgressBar = (ProgressBar)rootLayout.findViewById(R.id.progress_bar); 
mProgressBar.setVisibility(View.VISIBLE); 
mCardScrollView = (CardScrollView)rootLayout 
         .findViewById(R.id.card_scroll_view); 
mCardScrollView.setAdapter(mAdapter); 
setContentView(rootLayout); 

を後で私のローダコールバックで私はプログレスバーを非表示にし、カードのスクロールを活性化させます表示:

これは、GDKのカードリストにさまざまなjsonローディングを処理するためのパラダイムとしてうまく機能しているようです。

25

UPD 04.11.2014: GoogleがSlider-UXコンポーネントを公開しました。抽出されたプロジェクトの代わりに使用する方がよいでしょう。


GlassHomeからGoogle Glass Progress Barを抽出しました。https://github.com/pif/glass-progress-bar

  • は不定

使用法repositoryにREADMEに記述されているデフォルトの進行をサポートしてサポートしていますAPKはそれに基づいてライブラリプロジェクトを作成します。

はい、誰もがまだフル機能のGlassビューのセットを待っています。

Here's a demo of what was achieved

更新:私もMessageDialogを抽出しました。あなたは同じ図書館で見つけることができます。

Here's a demo of MessageDialog

+2

驚くばかり!ちょうど私が今必要なもの。私はグラススクエアに追加します(ガラスの場合4sq) –

+0

それを統合する際に問題があればプルリクエストを送信してください! PS。グラススクエアは素晴らしいです! –

+0

恐ろしい!ありがとう:) – giladgo

0

zoom-inプロジェクトからProgressBarを使用してみてください。 Gradleのファイルでプロジェクトに追加すること

3

私は遅刻を知っているが、ここで私のバージョンがあります:)

https://github.com/prt2121/glass-gdk-progressbar

compile 'com.github.prt2121:ProgressBar:[email protected]' 

スクリーンショット:

white

この問題は、スライダー(グローバルUXコンポーネント)を使用してGoogleによって解決される変更色

app:progress_color="@android:color/holo_blue_bright" 

enter image description here

関連する問題