Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > .NET Framework > Forum > C# WinApp ใครพอรู้หลักการของโปรแกรม หรือ แอพพวก word search ขอความกรุณาด้วยครับ



 

C# WinApp ใครพอรู้หลักการของโปรแกรม หรือ แอพพวก word search ขอความกรุณาด้วยครับ

 



Topic : 136799



โพสกระทู้ ( 4,434 )
บทความ ( 23 )



สถานะออฟไลน์
Facebook



จะเขียนโปรแกรมเกี่ยวกับ word search แต่ไม่เข้าใจหลักการในการเรียงตัวอักษร
ว่าจะเรียงยังไง ให้สามารถ เลือกได้ทั้ง แนวนอน แนวตั้ง และ ทแยงมุม บนลงล่าง ล่านขึ้นบน ได้ครับ
คำศัพท์ เบื้องต้นจะใช้ซัก 8 คำ ต่อ 1 หน้า ขนาด อาจจะประมาณตามรูปข้างล่าง คือ 6x6 ถึง 10 x10 ครับ

ึ452

ตอนนี้มีแค่โค้ดปล่าวๆ เลย ครับ

578


ปล.ขอความคิดเห็นครับ อยากหาอะไรให้เด็กทำ เพื่อให้จำคำศัพท์ได้ง่ายๆ ไม่ทราบว่าควรใช้อะไรดีครับ
ของผมมีการบ้าน คำศัพท์แล้วให้ทำวันละ 3 หน้า เลยว่าจะเพิ่มด้วย word search สลับกันไป มีท่านใดมีอย่างอื่นแนะนำไม๊ ครับ



Tag : .NET, Win (Windows App), C#







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2022-08-31 15:28:47 By : lamaka.tor View : 545 Reply : 15
 

 
ถ้า draw เอง ตัวใครตัวมันครับ

ทำไมไม่จับตารางใส่ HTML แล้วยัดลง WebBrowser Control

ถ้าวาดเองก็ต้องคำนวณตำแหน่งตักอักษรในตารางอีก
แต่ง่ายสุดคือต้นคำ โดยกำหนดข้อมูลเป็น array 2 มิติ หรือ List

เช่น ต้องการแนวตั้ง คอลัมน์แรก บนลงล่าง

a[0, 0]
a[1, 0]
...
a[n, 0]






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-08-31 15:46:33 By : 009
 


 
ตอบความคิดเห็นที่ : 1 เขียนโดย : 009 เมื่อวันที่ 2022-08-31 15:46:33
รายละเอียดของการตอบ ::
ทแยง บนซ้ายไปล่างขวา

a[0, 0]
a[1, 1]
a[2, 2]
...
a[n, m]


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-08-31 15:48:42 By : 009
 

 
มีคนทำไว้แล้ว
https://www.codeproject.com/Articles/1136695/A-Complete-Word-Puzzle-Game-in-Csharp-NET
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-08-31 16:01:06 By : 009
 


 

No. 4



โพสกระทู้ ( 4,434 )
บทความ ( 23 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 1 เขียนโดย : 009 เมื่อวันที่ 2022-08-31 15:46:33
รายละเอียดของการตอบ ::
พอดีตัวเดิม เขียนเป็น winApp ไว้แล้วอ่ะครับ
ถ้าให้ไปเริ่มใหม่ น่าจะต้องรื้อหลายคลาส หลายฟอร์ม เลยทีเดียว


ตอบความคิดเห็นที่ : 3 เขียนโดย : 009 เมื่อวันที่ 2022-08-31 16:01:06
รายละเอียดของการตอบ ::
ตอนนี้ก็กำลัง นั่งเช็คโค้ด นี้ อยู่ครับ
ขอบคุณมากครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-08-31 16:42:49 By : lamaka.tor
 


 
"พอดีตัวเดิม เขียนเป็น winApp ไว้แล้วอ่ะครับ"
ที่ผมแนะนำไปเป็น Desktop App ทั้งหมด
WebBrowser/WebView2 Control ก็เป็นหนึ่งใน Control
ที่ทำให้สามารถใช้ web-based technology ใน WinForm ได้

https://www.youtube.com/watch?v=6zWxLsC9jr8
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-08-31 18:28:05 By : 009
 


 
WebView2 ทำอะไรได้...ลิงค์ youtube ด้านบนอาจมองไม่เห็นภาพ
ไหนๆ ก็ ไหนๆ แล้ว ลองโหลด ตัวอย่างที่ผมทำแบบคร่าวๆ ไปเล่นดู แล้วจะเก็ต
http://u.pc.cd/pYkotalK

source code (ไม่รวม package...ต้องติดตั้ง WebView2 ผ่าน nuget ก่อน)
http://u.pc.cd/I9RotalK




webview2

โปรแกรมนี้แสดงตัวอย่างการรับส่งข้อมูลระหว่าง Host กับ Web content
1. ปุ่ม "send hello..." เป็น web content ใน WebView2 control เมื่อคลิกจะส่งข้อมูลไปแสดงที่ MessageBox ของ Host
2. ปุ่ม "Change Header" ถูกสร้างขึ้นที่ Host (C#) เมื่อคลิกจะทำการเปลี่ยนข้อความหัวตารางที่เป็น web content ใน WebView2 control
3. ลองเปลี่ยนเนื้อหาไฟล์ index.html ในโฟลเดอร์ bin\Debug\html
จะเห็นว่าเนื้อหาใน WinForm จะถูกเปลี่ยนด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-01 00:34:47 By : 009
 


 
ตอบความคิดเห็นที่ : 6 เขียนโดย : 009 เมื่อวันที่ 2022-09-01 00:34:47
รายละเอียดของการตอบ ::
ลืมบอก minimum system requirements สำหรับรันโปรแกรม
1. Windows 7
2. .NET Framework 4.7.2
3. WebView2 Runtime https://developer.microsoft.com/en-us/microsoft-edge/webview2/


การทำงานใน Win 7

WebView2 in Win 7

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-01 21:41:44 By : 009
 


 

No. 8



โพสกระทู้ ( 4,434 )
บทความ ( 23 )



สถานะออฟไลน์
Facebook

ขอบคุณมากครับ
หลังจากที่ แงะโค้ด
https://www.codeproject.com/Articles/1136695/A-Complete-Word-Puzzle-Game-in-Csharp-NET

มา 2 วันก็พอทำได้ ครับ

พพพำพ

แต่โค้ดก็ยังติดที่ว่า พอเราสั่งปริ้นหลายๆหน้า มันกลับช้า เพาะ กว่าจะสุ่มเสร็จ ก็นาน ครับ

ส่วน WebView เห็นสวยดี เดี๋ยวจะลองเอาไปเล่นบ้างนะครับ
ถ้าใช้ง่ายกว่าก็จะลองเปลี่ยนมาใช้ดู ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-02 23:42:48 By : lamaka.tor
 


 
ภาพลวงตาทั้งนั้น 555
จริงๆ WebView มันแค่แสดง webpage ใน Desktop App (Win32/WinForm/WPF)
อารมณ์คล้าย WebBrowser เช่น Crome, Edge, Firefox, etc.
ในเวอร์ชัน Interactive Programming
แต่เนื้อหาจริงก็ต้องรู้ HTML, CSS, JS ซึ่งเป็น web-tech

ดังนั้น ถ้าต้องการ UI แบบ modern
แต่ยังคงขับเคลื่อนด้วย WinForm ก็ใช้ WebView2 (Chrome engine)
หรือ WebBrowser(IE:support XP) ทำเป็น Hybrid App (Desktop+Web App)

แต่ถ้าต้องการความหรูแบบ Native ผมมองว่า WPF แจ่มสุด เพราะทำ animation หรือ effect ได้
ด้วยตัวมันเองด้วย storyboard(ไม่ต้องพึ่ง web-tech ก็ทำได้หลายอย่าง)

ส่วนของใหม่ไม่ว่าจะเป็น WinUI2(UWP), WinUI3, MAUI ยังต้องพัฒนากันด้วย
xaml แบบ no designer ซึ่งถ้ามีเวลาก็น่าเล่นอยู่แต่ minimum คือ Win10+
คงต้องรอไปอีกสิบปี ดีไม่ดีตอนนั้นมีของเล่นใหม่ออกมาแล้ว




น้ำแล้ว มาเนื้อตามหัวกระทู้ ผมลองทำ... (จริงๆ แค่ดัดแปลง เอา JS App มายัดลง WinForm ผ่าน WebView2)
Word Search Game แต่ต้นฉบับโหลดช้า เพราะมีการสุ่มหลายขั้นตอน ผมจึงใส่ Loader ไว้ให้
และดัดแปลง CSS และหน้าตานิดหน่อย ลองนำไปศึกษาดูได้ครับ

http://u.pc.cd/X7V7



WordSearch
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-05 22:12:03 By : 009
 


 
การลากหาคำทีแรก ตั้งใจจะให้เป็นแบบนี้


Word Highlight


Code (HTML)
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid;
}

table {
  width: 300px;
  height: 300px;
  border-collapse: collapse;
  table-layout: fixed;
}

td, th {
	padding: 5px;
    font-size: 24px;
    text-align: center;
}

.found-tl-br {
	position: absolute;
    z-index: -1;
	width: 130px;
    height: 35px;
    margin-top: -30px;
    margin-left: -32px;
    padding: 0;
	background-color: lightgreen;
    transform: rotate(45deg);
    border-radius: 50px;
}

.found-tr-bl {
	position: absolute;
    z-index: -1;
	width: 130px;
    height: 35px;
    margin-top: -30px;
    margin-left: -32px;
    padding: 0;
	background-color: lightgreen;
    transform: rotate(-45deg);
    border-radius: 50px;
}

.found-t-b {
	position: absolute;
    z-index: -1;
	width: 100px;
    height: 35px;
    margin-top: -30px;
    margin-left: -17px;
    padding: 0;
	background-color: lightgreen;
    transform: rotate(90deg);
    border-radius: 50px;
}

.found-l-r {
	position: absolute;
    z-index: -1;
	width: 100px;
    height: 35px;
    margin-top: -30px;
    margin-left: -17px;
    padding: 0;
	background-color: lightgreen;
    border-radius: 50px;
}
</style>
</head>
<body>

<h2>Word Search found highlight</h2>

<table>
  <tr>
    <td>A<div class="found-tl-br"></div></td>
    <td>B<div class="found-tl-br"></div></td>
        <td>C<div class="found-t-b"></div></td>
            <td>D<div class="found-tr-bl"></div></td>
  </tr>
  <tr>
    <td>E<div class="found-l-r"></div></td>
    <td>F<div class="found-tl-br"></div><div class="found-l-r"></div></td>
        <td>G<div class="found-tl-br"></div><div class="found-tr-bl"></div><div class="found-t-b"></div></td>
            <td>H<div class="found-l-r"></div></td>
  </tr>
    <tr>
    <td>I</td>
    <td>J<div class="found-tr-bl"></div></td>
        <td>K<div class="found-tl-br"></div><div class="found-t-b"></div></td>
            <td>L<div class="found-tl-br"></div></td>
  </tr>
    <tr>
    <td>M<div class="found-tr-bl"></div></td>
    <td>N</td>
        <td>O<div class="found-t-b"></div></td>
            <td>P<div class="found-tl-br"></div></td>
  </tr>
</table>

</body>
</html>



ต้นฉบับทำงานกับ canvas ทำ responsive ไม่สะดวก ต้อง fixed size จึงไม่ได้นำไปใช้กับ App ด้านบน

ส่วน CSS นี้เหมาะกับการนำไปประยุกต์ใช้ เพราะมีแต่หน้าตา (โครง)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-05 22:23:45 By : 009
 


 
ตอบความคิดเห็นที่ : 9 เขียนโดย : 009 เมื่อวันที่ 2022-09-05 22:12:03
รายละเอียดของการตอบ ::
กรอบทองคำ ไม่เกี่ยวกับ Modern UI นะครับ จะเห็นว่าขอบไม่เนี๊ยบเพราะใส่ Background ด้วยเทคนิคโบราณของ WinForm คือ mask+transparent Key ธรรมดา เมื่อเจอ web content ก็จะออกมาแบบเชยๆตามที่เห็น

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-06 00:01:36 By : 009
 


 
ตอบความคิดเห็นที่ : 11 เขียนโดย : 009 เมื่อวันที่ 2022-09-06 00:01:36
รายละเอียดของการตอบ ::
สุดท้าย ส่วนที่ผมไม่ชอบมากสุดของ WebView คือ มีไฟล์ cache งอกตามมา

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-06 00:15:51 By : 009
 


 
ตอบความคิดเห็นที่ : 9 เขียนโดย : 009 เมื่อวันที่ 2022-09-05 22:12:03
รายละเอียดของการตอบ ::
Source Code
http://u.pc.cd/i45

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-06 10:11:44 By : 009
 


 

No. 14



โพสกระทู้ ( 4,434 )
บทความ ( 23 )



สถานะออฟไลน์
Facebook

ขอบคุณมากเลยครับ กะว่าจะลอง ก็ยังไม่ลองซักทีเลยครับ
เดี๋ยววันนนี้ตั้งใจจะลองดูอีกรอบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-09-07 09:26:49 By : lamaka.tor
 


 
ตอบความคิดเห็นที่ : 11 เขียนโดย : 009 เมื่อวันที่ 2022-09-06 00:01:36
รายละเอียดของการตอบ ::
หลังจากได้จับต้องวัตถุโบราณ ผมขอเสริม ดังนี้
สำหรับแฟนพันธ์ุแท้ WinForm มีวิธีทำให้ขอบเนี๊ยบ


โดยใช้ AlphaForm Library ของ Anthony Mushrow
https://www.codeproject.com/Articles/20758/Alpha-Blended-Windows-Forms
(มีทั้งข้อดีและเสีย ลองใช้ดูครับ)

ตัวอย่างโปรเจคที่ทำจาก AlphaForm
http://u.pc.cd/Syn7

ชื่อโปรเจค: PHPForm
ประเภท: (PHP) Hybrid app
ภาษาและเทคโนโลยี: PHP 5.4.9, C#, HTML, CSS, .NET Framework 4, WebBrowser control (default render), AlphaForm
OS: Win XP+
สิ่งที่ให้ดู: WinForm ขอบงาม(ปกติอยากงามต้อง WPF) + การทำ WinApp ด้วย PHP(ไม่มีอะไรเป็นไปไม่ได้ 555)


Desktop app from PHP




ยืมคำพูดจากท่านไชย
Quote:
ทำได้กับควรทำไม่เหมือนกัน

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2022-10-02 23:09:48 By : 009
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : C# WinApp ใครพอรู้หลักการของโปรแกรม หรือ แอพพวก word search ขอความกรุณาด้วยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่