タグ付けされた質問 「user-interface」

ユーザーインターフェイス(UI)は、ユーザーがコンピューターと対話するためのシステムです。このタグは、UI関連のプログラミングの質問に使用できます。ユーザーインターフェイス用の別のStack Exchangeサイト、コンピューターとの相互作用、およびユーザーエクスペリエンスのデザインがあることに注意してください:https://ux.stackexchange.com。

19
一般的なWeb UIスタイル
翌日、クライアントの1人にWebアプリのプロトタイプを提示する必要があります。CSSがあまり得意ではなく、最悪の場合、得られる結果にほとんど満足できません。 ビジネスロジックをコーディングしても問題はありませんが、UIの設計には80%以上の時間がかかります。私は息をのむようなことを何も必要とせず、ただクリーンで素晴らしくて見栄えの良い環境、例えば: これは私が繰り返し経験している問題です。WebUIの開発で、デフォルトのスタイルがよりシンプルになり、Visual StudioまたはiPhone SDKと同様のアプローチが私にとって非常に役立つと思います。 上記のBalsamiq Mockupsで作成されたモックアップは良い例であり、最も一般的な「コンポーネント」はすべて使用でき、何よりも、見栄えの良いスタイルが1つだけ選択できます。 Webにこのようなものはありますか?中立ながらも素晴らしいCSSまたはJavaScript UIフレームワーク? これまでのオプション: ブートストラップ Qooxdoo jQuery UI jQueryツール MochaUI Ext JS Yahoo! ユーザーインターフェイスライブラリ BlueTrip BluePrint 浮(デモ) ナッピー YAML ベースライン iPlotz スプラウトコア ForeUI CSSのみのUIフレームワークがあるかどうか知りたいです。 私はこのページにWeb UIライブラリの非常に優れたリストを見つけましたが、それらのほとんど(少なくとも優れたもの)はJavaに固有であるようです。純粋なCSSまたはJSに同等に優れた代替品はありますか? PS:私はAJAX、エフェクト、ビヘイビアーなどには興味がありません...私の(唯一の)懸念はスタイルです。 みんなのすべての提案をありがとう! 提案されたすべてのUIライブラリを非常に慎重に検討した結果、ExtJSとQooxdooが私のニーズに最も近いものであるという結論に達しました。jQuery UIは有望であるように見えますが、提供される要素の数は少なくなっています。 CSSのみのライブラリーに関する限り、私はBlueTrip / BluePrintと、タンブラーによって提案されたテーマが最高であることを発見しました。それとは別に、FlexとNapkeeも探索する価値があるようです。 今ExtJSを学ぶ時が来ました!=)


14
ユーザーインターフェイスの「ID」または「Id」
私が働いているQAマネージャーから、「オペレーターID」であるはずのサインオンプロンプトが「オペレーターID」であるため、デスクトップアプリにバグがあると通知されました。彼女の主張は、「Id」はフロイトの「精神的装置」の自我部分を指し、意味的に正しくないというものです。 今はアナルエンジニア(AE)なので、もちろんIDとIDを調べなければなりませんでした。大雑把な調査(グーグル)から、IDはフロイトのエゴにIdと同じくらい一般的に使用されているようです。 したがって、私の推論は、Idは「識別子」の短縮バージョンであり、通常2語の略語を示すIDよりも正確であるか、少なくともより一般的に使用されているということです。 UIを変更することもできますが、AEとしての職業を維持することはできなかったので、議論をサポートするために使用できるこの種のベストプラクティスやリファレンスがあるかどうか疑問に思いました。この質問は、略語と大文字小文字がまったく異なる哲学の分野であるソースコードではなく、ユーザーインターフェイスに関連していることに注意してください。

8
CSSのdp(密度に依存しないピクセル)単位とは何ですか?
Androidの場合、UI要素にdp(密度に依存しないピクセル)測定値を使用することをお勧めし48dpます。ボタンの高さなどに使用するなどの規則があります。 私はWebアプリケーションに取り組んでいますが、UIデザインがAndroidのデザイン標準に準拠していないという批判が多く寄せられています。もちろん、Android Holoテーマの代わりにCSSとHTMLを使用しているため、私のアプリケーションは異なって見えるでしょうが、それでも可能な限り準拠させたいと思います。ただし、CSSでは密度に依存しない測定はできません。 さまざまな解像度とピクセル密度でアプリケーションをテストすると、見栄えが悪くなり、場合によっては、バランスが崩れて機能しなくなることもあります。CSSにはAndroidネイティブ開発のようなdpユニットがありませんが、いくつかの選択肢があるのではないかと思っていました。 Javascriptを使用してピクセル密度を取得し、すべてを手動で適切にスケーリングできますか?すべての解像度/密度で見栄えがよく機能するWebアプリを作成するための最良の方法は何ですか?

7
サービスからUIスレッドハンドラーにアクセスする
私は、UIスレッドのハンドラーにアクセスする必要があるAndroidで新しいことを試しています。 私は次のことを知っています: UIスレッドには独自のハンドラーとルーパーがあります メッセージはすべてUIスレッドのメッセージキューに入れられます ルーパーはイベントを取得してハンドラーに渡しました ハンドラーがメッセージを処理し、特定のイベントをUIに送信します UIスレッドハンドラーを取得し、このハンドラーにメッセージを送信する必要があるサービスが必要です。このメッセージが処理され、UIに発行されるようにします。ここでサービスは、いくつかのアプリケーションによって開始される通常のサービスになります。 これが可能かどうか知りたいのですが。もしそうなら、私がそれを試すことができるように、いくつかのコードスニペットを提案してください。 よろしくお願いします

5
Androidボタンオブジェクト内のテキスト周囲の内部パディングを減らすにはどうすればよいですか?
したがって、現時点では、上の最初の画像のようなボタンがあります。ボタン自体内のテキストの周囲のパディングを減らすにはどうすればよいですか(2番目の画像のように見えるようにするため)? レイアウトの幅と高さは次のように設定されています。 android:layout_width="match_parent" android:layout_height="wrap_content" カスタムスタイルシェイプにはパラメータがあります <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="10dp"> 残りは色の属性と半径の値です。 わかりやすくするために、ボタンのフレームに「ログイン」テキストを近づけるようにしたいと思います。 すべてのヘルプとフィードバックは大歓迎です。ありがとう。

13
CSSを使用して要素のオフセットを取り除くにはどうすればよいですか?
いくつかの要素で位置の問題があります。IE8Developerツールを調べると、次のように表示されます。 今、私は問題が12のオフセットであることをかなり確信していますが、どうすればそれを削除できますか?CSSオフセットプロパティの記述が見つかりません。マージンに加えてオフセットが必要ですか? これがこれを生成するコードです: <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /> <div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""> <asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" …

4
Platform.runLaterとJavaFXのタスク
私はこれについていくつかの研究を行ってきましたが、控えめに言ってもまだ非常に混乱しています。 Taskいつ使用するPlatform.runLater(Runnable);か、いつ使用するかについて具体的な例を教えてもらえますか?違いは正確には何ですか?これらのいずれかをいつ使用するかについての黄金律はありますか? また、私が間違っている場合は訂正してください。ただし、これら2つの「オブジェクト」は、GUIのメインスレッド内に別のスレッドを作成する方法ではありませんか(GUIの更新に使用されます)。

12
マテリアルデザインのナビゲーションドロワーでハンバーガーアイコンの色を変更する方法
私はこの例に従っています http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ この例では、ハンバーガーアイコンが白で表示されています。カスタマイズして黒にしたいのですが、変更方法がわかりません。カスタマイズ方法を教えてもらえますか? マニフェスト <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="info.androidhive.materialdesign" > <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/MyMaterialTheme" > <activity android:name=".activity.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> スタイル <resources> <style name="MyMaterialTheme" parent="MyMaterialTheme.Base"> </style> <style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> …

5
Facebookスタイルの「赤」通知の最も簡単なCSS
Facebookスタイルの通知が必要ですが、クロスブラウザで見栄えのするものを取得するのは難しいようです。たとえば、ブラウザが異なればパディングの処理も異なるようで、通知の外観がおかしくなります。 通知が適切に表示されるようにするための最良のクロスブラウザー方法は何ですか?javascriptの使用に悪影響はありませんが、もちろん純粋なcssが望ましいです

22
iPhone:デフォルトでUITableView検索バーを非表示
Interface Builderを使用してテーブルビューを作成し、それにライブラリの検索バーと検索表示コントローラーを追加して検索機能を追加しました。ただし、IBは、ビューが最初に表示されたときに画面の上部にバーが表示されるように設定しました。 検索バーをデフォルトで非表示にし、テーブルビューでスクロールできるようにする方法を知りたいです(例については、Appleのメールアプリケーションを参照してください)。私は、呼び出し試したscrollRectToVisible:animated:中でviewDidLoadテーブルビューをスクロールダウンするが、無駄に。デフォルトで検索バーを非表示にするための好ましい方法は何ですか?

3
Javaを搭載した「AlwaysonTop」Windows
Javaでは、ユーザーがフォーカスを別のアプリケーションに切り替えたかどうかに関係なく、「常に一番上」のウィンドウを作成する方法はありますか?私はWebを検索しましたが、すべてのソリューションは、ネイティブバインディングを備えたある種のJNIインターフェイスに傾いています。本当にこれがそれをする唯一の方法ではありませんか?..またはそれですか?

2
パスワードフィールドの最初の文字がデフォルトで大文字になっているiPhoneブラウザ
私は自分のウェブアプリのモバイルバージョンのログインページを書いています、そして私は次のような単純なHTMLパスワードフィールドを持っています: <input id="password" type="password" /> 唯一の問題は、iPhone Safariブラウザーがデフォルトで入力の最初の文字を大文字にすることです。これは、パスワードで大文字と小文字が区別され、常に大文字と小文字が区別されるとは限らないため、ユーザーを混乱させます。 ユーザーが特に指定しない限り、これを停止し、iPhone入力を小文字に強制する方法、タグ、またはその他の方法を知っている人はいますか?それとも、これは単に変更できないプラットフォームの機能ですか?



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.