คำถามติดแท็ก user-interface

User Interface (UI) เป็นระบบที่ผู้ใช้โต้ตอบกับคอมพิวเตอร์ แท็กนี้สามารถใช้สำหรับคำถามการเขียนโปรแกรมที่เกี่ยวข้องกับ UI โปรดทราบว่ามีไซต์ Stack Exchange แยกต่างหากสำหรับอินเทอร์เฟซผู้ใช้การโต้ตอบกับคอมพิวเตอร์และการออกแบบประสบการณ์ผู้ใช้: https://ux.stackexchange.com

2
Datagridview - ลบบางส่วนก่อนคอลัมน์แรก
ฉันสงสัยว่าเมื่อใช้ตัวควบคุมดาต้ากริดคุณสามารถลบสิ่งที่ดูเหมือนคอลัมน์ก่อนคอลัมน์ที่ 1 ได้หรือไม่ ฉันคิดว่ามันใช้เพื่อเลือกแถว แต่ไม่แน่ใจว่ามันเรียกว่าอะไร

2
วิธีกำหนดเป้าหมายการควบคุมทั้งหมด (สไตล์ WPF)
ฉันสามารถระบุสไตล์ที่ใช้กับองค์ประกอบทั้งหมดได้หรือไม่ ฉันเหนื่อย <Style TargetType="Control"> <Setter Property="Margin" Value="0,5" /> </Style> แต่มันไม่ทำอะไรเลย

19
ลักษณะทั่วไปของเว็บ UI
ฉันต้องนำเสนอต้นแบบของเว็บแอปในวันต่อ ๆ ไปให้กับลูกค้าคนหนึ่งของฉันสิ่งนี้คือฉันไม่เก่ง CSS และที่แย่ที่สุดคือฉันแทบไม่เคยพอใจกับผลลัพธ์ที่ได้รับเลย การเข้ารหัสตรรกะทางธุรกิจไม่ใช่เรื่องท้าทายสำหรับฉัน แต่การออกแบบ UI ใช้เวลามากกว่า 80% ของเวลาของฉัน ฉันไม่ต้องการอะไรที่น่าทึ่งเพียงแค่สภาพแวดล้อมที่สะอาดสวยงามและเรียบร้อยตัวอย่าง: นี่เป็นปัญหาที่เกิดขึ้นซ้ำซากที่ฉันเคยพบฉันหวังว่าการพัฒนา UI ของเว็บจะมีรูปแบบเริ่มต้นที่เปลือยเปล่าน้อยลงวิธีการที่คล้ายกับVisual StudioหรือiPhone SDKจะมีประโยชน์มากสำหรับฉัน ตัวอย่างด้านบนที่สร้างขึ้นด้วยBalsamiq Mockupsเป็นตัวอย่างที่ยอดเยี่ยมมี "ส่วนประกอบ" ที่พบบ่อยที่สุดทั้งหมดและที่ดีที่สุดคือมีสไตล์ที่ดูดีเพียงแบบเดียวให้เลือก มีอะไรแบบนี้สำหรับเว็บไหม? กรอบ CSS หรือ Javascript UI ที่เป็นกลาง แต่ดี? ตัวเลือกจนถึงตอนนี้: Bootstrap Qooxdoo jQuery UI jQuery Tools MochaUI ต่อ JS Yahoo! ไลบรารีส่วนต่อประสานผู้ใช้ บลูทริป พิมพ์เขียว Uki ( สาธิต ) Napkee YAML พื้นฐาน …

8
หน่วย dp (พิกเซลอิสระหนาแน่น) ที่มี CSS คืออะไร
สำหรับ Android ผู้คนแนะนำให้ใช้การวัดค่า dp (พิกเซลที่เป็นอิสระจากความหนาแน่น) สำหรับองค์ประกอบ UI และมีข้อกำหนดที่มีอยู่เช่นการใช้48dpสำหรับความสูงของปุ่มเป็นต้น ฉันกำลังทำงานเกี่ยวกับแอปพลิเคชันบนเว็บและได้รับคำวิจารณ์มากมายเกี่ยวกับการออกแบบ UI ว่าไม่เป็นไปตามมาตรฐานการออกแบบของ Android เห็นได้ชัดว่าแอปพลิเคชันของฉันจะดูแตกต่างออกไปเนื่องจากใช้ CSS และ HTML แทนธีม Android Holo แต่ฉันยังคงต้องการให้เป็นไปตามนั้นให้มากที่สุด อย่างไรก็ตาม CSS ไม่อนุญาตให้ทำการวัดความหนาแน่นโดยอิสระ เมื่อฉันทดสอบแอปพลิเคชันของฉันด้วยความละเอียดและความหนาแน่นของพิกเซลที่แตกต่างกันมันดูไม่ดีนักและบางครั้งมันก็ผิดสัดส่วนดังนั้นจึงไม่สามารถใช้งานได้ CSS ไม่มีหน่วย dp เหมือนกับการพัฒนาเนทีฟของ Android แต่ฉันสงสัยว่าทางเลือกอื่นคืออะไร ฉันสามารถรับความหนาแน่นของพิกเซลโดยใช้ Javascript และปรับขนาดทุกอย่างให้เหมาะสมด้วยตนเองได้หรือไม่ วิธีใดเป็นวิธีที่ดีที่สุดในการสร้างเว็บแอปที่มีลักษณะและทำงานได้ดีกับความละเอียด / ความหนาแน่นทั้งหมด

7
การเข้าถึงตัวจัดการเธรด UI จากบริการ
ฉันกำลังลองสิ่งใหม่ ๆ บน Android ซึ่งฉันจำเป็นต้องเข้าถึงตัวจัดการเธรด UI ฉันรู้สิ่งต่อไปนี้: เธรด UI มีตัวจัดการและตัววนรอบของตัวเอง ข้อความใด ๆ จะถูกใส่ลงในคิวข้อความของเธรด UI ลูปเกอร์รับเหตุการณ์และส่งต่อไปยังตัวจัดการ ตัวจัดการจะจัดการข้อความและส่งเหตุการณ์เฉพาะไปยัง UI ฉันต้องการมีบริการของฉันซึ่งต้องได้รับตัวจัดการเธรด UI และใส่ข้อความลงในตัวจัดการนี้ เพื่อให้ข้อความนี้ได้รับการประมวลผลและจะออกไปยัง UI ที่นี่บริการจะเป็นบริการปกติซึ่งจะเริ่มโดยแอปพลิเคชันบางส่วน ฉันต้องการทราบว่าเป็นไปได้หรือไม่ ถ้าเป็นเช่นนั้นโปรดแนะนำข้อมูลโค้ดเพื่อที่ฉันจะได้ลองใช้ ขอแสดงความนับถือ Girish

4
Platform.runLater และ Task ใน JavaFX
ฉันได้ทำการค้นคว้าเกี่ยวกับเรื่องนี้มาบ้าง แต่ฉันก็ยังสับสนมากที่จะพูดอย่างน้อยที่สุด ใครช่วยยกตัวอย่างที่เป็นรูปธรรมว่าควรใช้Taskเมื่อไรและควรใช้เมื่อPlatform.runLater(Runnable);ใด อะไรคือความแตกต่าง? มีกฎทองในการใช้สิ่งเหล่านี้หรือไม่? แก้ไขฉันด้วยถ้าฉันผิด แต่ "Object" ทั้งสองนี้ไม่ใช่วิธีการสร้างเธรดอื่นภายในเธรดหลักใน GUI (ใช้สำหรับอัปเดต GUI)?

13
ฉันจะกำจัดการชดเชยขององค์ประกอบโดยใช้ CSS ได้อย่างไร
ฉันมีปัญหาในการวางตำแหน่งกับองค์ประกอบบางอย่างเมื่อตรวจสอบเครื่องมือสำหรับนักพัฒนา IE8 มันแสดงให้ฉันเห็นสิ่งนี้: ตอนนี้ฉันค่อนข้างแน่ใจว่าปัญหาของฉันคือ 12 ออฟเซ็ต แต่ฉันจะลบมันได้อย่างไร ฉันไม่พบการกล่าวถึงคุณสมบัติออฟเซ็ต CSS เราต้องการ Offset นอกเหนือจาก margin หรือไม่? นี่คือรหัสที่สร้างสิ่งนี้: <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" …

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 …

5
css ที่ง่ายที่สุดสำหรับการแจ้งเตือนแบบ "สีแดง" ของ Facebook
ฉันต้องการการแจ้งเตือนสไตล์ facebook แต่การได้รับสิ่งที่ดูดีข้ามเบราว์เซอร์ดูเหมือนจะยุ่งยาก ตัวอย่างเช่นเบราว์เซอร์ที่แตกต่างกันดูเหมือนจะปฏิบัติต่อการพายเรือแตกต่างกันส่งผลให้การแจ้งเตือนดูแปลก ๆ วิธีใดเป็นวิธีการข้ามเบราว์เซอร์ที่ดีที่สุดในการทำให้การแจ้งเตือนปรากฏขึ้นอย่างสวยงาม ไม่เลวร้ายต่อการใช้จาวาสคริปต์ แต่แน่นอนว่าควรใช้ css บริสุทธิ์

22
iPhone: ซ่อนแถบค้นหา UITableView ตามค่าเริ่มต้น
ฉันใช้ตัวสร้างส่วนต่อประสานเพื่อสร้างมุมมองตารางซึ่งฉันได้เพิ่มแถบค้นหาของไลบรารีและตัวควบคุมการแสดงผลการค้นหาเพื่อเพิ่มฟังก์ชันการค้นหา อย่างไรก็ตาม IB ตั้งค่าเพื่อให้มองเห็นแถบที่ด้านบนของหน้าจอเมื่อมุมมองปรากฏขึ้นครั้งแรก ฉันต้องการทราบวิธีซ่อนแถบค้นหาตามค่าเริ่มต้น แต่ยังคงเลื่อนได้ด้วยมุมมองตาราง (ดูตัวอย่างแอปพลิเคชัน Mail ของ Apple) ฉันพยายามโทรscrollRectToVisible:animated:เข้าviewDidLoadเพื่อเลื่อนมุมมองตารางลง แต่ก็ไม่เป็นประโยชน์ วิธีใดที่ดีที่สุดในการซ่อนแถบค้นหาตามค่าเริ่มต้น

3
“ อยู่ด้านบนเสมอ” Windows พร้อม Java
ใน Java มีวิธีที่จะทำให้หน้าต่าง "อยู่ด้านบนเสมอ" ไม่ว่าผู้ใช้จะเปลี่ยนโฟกัสไปที่แอปพลิเคชันอื่นหรือไม่? ฉันค้นหาเว็บแล้วและวิธีแก้ปัญหาทั้งหมดขึ้นอยู่กับอินเทอร์เฟซ JNI บางประเภทที่มีการผูกแบบเนทีฟ นี่เป็นวิธีเดียวที่จะทำไม่ได้? .. หรือว่า?

5
ใหม่การนำเสนอ Modal iOS 13: การนำเสนอตัวควบคุมไม่ย้ายลง
ฉันมีพฤติกรรมแปลก ๆ เมื่อนำเสนอ UIViewControllers อย่างสุภาพใน iOS 13 รูปแบบการนำเสนอใหม่ที่ฉันเห็นใน iOS 13 มีลักษณะดังนี้: ตัวควบคุมมุมมองการนำเสนอปรากฏขึ้นด้านหลังตัวควบคุมมุมมองการนำเสนอ นอกจากนี้ยังเลื่อนลงเพื่อเลียนแบบ "สแต็ค" ในขณะเดียวกันเมื่อนำเสนอตัวควบคุมมุมมองผ่านแอพของฉันฉันจะได้รับเอฟเฟกต์นี้: ตัวควบคุมมุมมองการนำเสนอไม่ได้เคลื่อนที่เลยเมื่อแสดงตัวควบคุมมุมมองใหม่ ฉันใช้รหัสนี้เพื่อนำเสนอตัวควบคุมมุมมองนี้: let controller = storyboard?.instantiateViewController(withIdentifier: "tutorial") as! TutorialController controller.modalPresentationStyle = .pageSheet controller.modalTransitionStyle = .coverVertical present(controller, animated: true, completion: nil) นี่คือคำถามของฉัน: ฉันสงสัยว่าทำไมสิ่งนี้ถึงเกิดขึ้นและหากมีวิธีที่จะนำเสนอตัวควบคุมมุมมองในรูปแบบ iOS 13 ปกติ (ด้วยตัวควบคุมมุมมองการนำเสนอที่ย้ายกลับมา) ขอบคุณล่วงหน้า!

3
ฉันจะสร้าง Python Shell แบบ IDLE ขนาดเล็กใน Tkinter ได้อย่างไร
ฉันกำลังพยายามสร้างสิ่งที่ควบคุมโดย Python Shell GUI สิ่งเดียวคือฉันไม่ทราบวิธีการทำสิ่งที่อินพุต / เอาต์พุตทั้งหมด ฉันแค่ต้องการพิมพ์อินพุตดำเนินการคำสั่ง python และให้เอาต์พุตของคำสั่ง python ฉันรู้ว่า IDLE ถูกสร้างขึ้นใน Tkinter ดังนั้นมันจึงใช้วิดเจ็ต มันเป็นเพียงแค่ "อินพุตประเภทแสดงผลลัพธ์" ฉันได้ลองค้นหา แต่ดูเหมือนว่าผลลัพธ์ส่วนใหญ่เกี่ยวข้องกับบรรทัดคำสั่งซึ่งไม่ใช่สิ่งที่ฉันกำลังมองหา อีกคำถามเดียวที่เหมือนกับของฉันไม่ใช่สิ่งที่ฉันมีอยู่ในใจเช่นกัน ฉันยังลอง loking รหัสแหล่งที่มาสำหรับ IDLE แต่ไม่พบสิ่งที่ฉันกำลังมองหา ฉันพบคำตอบบางอย่างที่ใช้ได้กับ Linux แต่ฉันใช้งาน Windows 10 ... ฉันต้องการ "shell" เพื่อให้อยู่ใน Tkinter เพราะด้านหนึ่งของหน้าจอจะเป็นอย่างอื่นที่เชื่อมต่อกับเอาต์พุตคำสั่ง ไม่มีใครรู้ว่าเครื่องมือที่ใช้ในการทำเปลือกหลามง่ายมาก?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.