ዝርዝር ሁኔታ:

በጣም የራስዎን መግብር ይፍጠሩ 6 ደረጃዎች
በጣም የራስዎን መግብር ይፍጠሩ 6 ደረጃዎች

ቪዲዮ: በጣም የራስዎን መግብር ይፍጠሩ 6 ደረጃዎች

ቪዲዮ: በጣም የራስዎን መግብር ይፍጠሩ 6 ደረጃዎች
ቪዲዮ: ከ AI ጋር ድህረ ገጽ ገነባሁ! (ታማኝ ግምገማ) 2024, ህዳር
Anonim
በጣም የራስዎን መግብር ይፍጠሩ
በጣም የራስዎን መግብር ይፍጠሩ

ይህ Instructable መሠረታዊ ያሁ እንዴት መፍጠር እንደሚችሉ ያስተምርዎታል! መግብር። በዚህ አጋዥ ስልጠና መጨረሻ ላይ አንዳንድ ጃቫስክሪፕት እና ኤክስኤምኤል ተምረዋል።

ደረጃ 1: መጀመር

እንደ መጀመር
እንደ መጀመር

ንዑስ ፕሮግራምን ለመሥራት የሚያስፈልጉዎት አንዳንድ መሣሪያዎች-- ማክ ኦኤስ ኤክስ ወይም ዊንዶውስ ኤክስፒ/ቪስታ ያለው ኮምፒተር- የጽሑፍ ማስተካከያ ፕሮግራም። (ማስታወሻ ደብተር ፍጹም ነው።)- የምስል ማስተካከያ ፕሮግራም። (የማይክሮሶፍት ቀለም ጥሩ ነው)

ደረጃ 2 የአቃፊ መዋቅርን መፍጠር

የአቃፊ መዋቅር መፍጠር
የአቃፊ መዋቅር መፍጠር
የአቃፊ መዋቅር መፍጠር
የአቃፊ መዋቅር መፍጠር

አሁን መግብርን ያካተቱ ፋይሎችን ሁሉ ለማኖር የአቃፊ መዋቅርን መፍጠር ያስፈልግዎታል። መዋቅሩ እንደዚህ ይመስላል -የመግብር ስም | ይዘቶች | Widget.kon Main.js መርጃዎች | መግብር የሚጠቀምባቸው ሁሉም ምስሎች የአቃፊ መዋቅርን በራስ -ሰር ለመፍጠር ይህንን መግብር ማውረድ ይችላሉ መዋቅር - Reinier Kaper በማንኛውም ክፍል ላይ በቀኝ ጠቅ በማድረግ የመግብር ምርጫዎችን ያዘጋጁ እና ምርጫዎችን ጠቅ ያድርጉ። የመዋቅር ምርጫዎችን ወደሚከተለው ይለውጡ - ሥር - ወደ መግብር አቃፊዎ ይሂዱ። (በዊንዶውስ ላይ ‹የእኔ ሰነዶች› ውስጥ ይገኛል) አሁን ንዑስ ፕሮግራሙን ጠቅ ማድረግ እና የመግብሩን ስም በመጠየቅ የመገናኛ ሳጥን ብቅ ይላል።

ደረጃ 3 - ሁሉንም አስፈላጊ ፋይሎች መፍጠር

ሁሉንም አስፈላጊ ፋይሎች መፍጠር
ሁሉንም አስፈላጊ ፋይሎች መፍጠር

ስለ መግብርዎ የመግብር ሞተር መረጃ የሚነግረውን የ widget.xml ፋይል በመፍጠር እንጀምራለን። እርስዎ እንዲጠቀሙበት የተፈጠሩበትን አብነት ያውርዱ። ከዚህ በታች ያለውን አገናኝ ያውርዱ። ቀደም ሲል የመረጡት ስም በተሰየመው አቃፊ ውስጥ ፋይሉን በ ‹ይዘቶች› አቃፊ ውስጥ ያስቀምጡ። እርስዎ በመረጡት የጽሑፍ አርታኢ ፋይሉን ይክፈቱ እና ስምዎን በስምዎ ይተኩ። አስቀምጥ እና ዝጋ በመቀጠል ንዑስ ፕሮግራሙ ምን ማድረግ እንዳለበት የሚናገርበትን ዋና ፋይል የሆነውን.kon ፋይል እንፈጥራለን። የ.kon ፋይል እንደገና የተሰየመ ቅጥያ ያለው የኤክስኤምኤል ፋይል ብቻ ነው። ይህንን መሠረታዊ widget.kon ፋይል ያውርዱ እና እንዲሁም በ ‹ይዘቶች› አቃፊ ውስጥ ያስቀምጡት። እንደገና ፣ በጽሑፍ አርታኢ ፋይሉን ይክፈቱ። የመጀመሪያው መስመር ፋይሉ በ UTF-8 ኢንኮዲንግ የተፈጠረ የኤክስኤምኤል ፋይል መሆኑን ያመለክታል። ለማከል የሚቀጥለው መለያ የመግብር መለያ ነው ፤ ከዚያ እንደ ማረም ያሉ ቅንብሮችዎን ያውጃሉ።. አሁን የመስኮትዎን ክፍሎች ለማከል ዝግጁ ነዎት።. ንዑስ ፕሮግራሞች አንዳንድ ነገሮችን የሚያደርጉ እና የተወሰኑ ንብረቶች ያላቸው በርካታ ዕቃዎች አሏቸው። ለምሳሌ የጽሑፉ ነገር ፣ ፣ ጽሑፍን ይፈጥራል። የጽሑፉ ነገር አንዳንድ ባህሪዎች ዝርዝር እዚህ አለ -ስም (እራስ -ገላጭ) -መስኮት (ዝቅ ያለ) -ዳታ (ጽሑፍ ለማሳየት) -ቀለም (እራስ -ገላጭ) -መጠን -ቅርጸ -ቁምፊ (aka x) -vOffset (aka y) -ስፋት -ቁመት በዚህ ከተናገረ ፣ ኮድ መስጠት እንጀምር። በመለያዎቹ ውስጥ የሚከተለውን ኮድ በኮን ፋይል ውስጥ ያክሉ - myTextHello World! BlueArial18left252 በእንግሊዝኛ ፣ ይህ “ሰላም ዓለም!” ን የሚያሳየውን “የእኔText” የሚል የጽሑፍ ነገር ያዘጋጃል። በ Arial ፣ Arial ሰማያዊ እና መጠን 12. የኮን ፋይልዎን ያስቀምጡ እና ወደ አራተኛ ደረጃ ይቀጥሉ።

ደረጃ 4: ይደሰቱ

እንደገና ይደሰቱ!
እንደገና ይደሰቱ!

በኮን ፋይሉ ላይ ሁለቴ ጠቅ ያድርጉ እና መግብርዎ ይጫናል። እንኳን ደስ አላችሁ! የመጀመሪያውን መግብርዎን ፈጥረዋል። ግን እስካሁን ኮድ ማድረጋችንን አልጨረስንም። ምናልባት “ያ ብቻ ነው?” ብለው ያስቡ ይሆናል ፣ አይደል? ወደ መግብርዎ የተወሰነ ተግባር ለማከል ወደ ደረጃ 5 ይቀጥሉ።

ደረጃ 5 - ተግባርን ማከል

ተግባር መጨመር
ተግባር መጨመር

አሁን መግብር የአሁኑን ሰዓት እንዲያሳይ እናደርጋለን። ይህ በየደቂቃው የሚዘምን ቆጣሪ እና ሌላ ፋይል ይፈልጋል። የሚቀጥለው ፋይል በ ‹ይዘቶች› አቃፊ ውስጥ የሚሄድ የጃቫስክሪፕት ፋይል ይሆናል። የጽሑፍ አርታዒዎን ይክፈቱ እና main.js የተባለ ፋይል ይፍጠሩ። ጊዜውን ለማከል “የቀን ነገር” እንጠቀማለን። የቀኑን ነገር ለማዋቀር አንድ ተግባር ይፈጥራሉ። ይህንን ተግባር ወደ js ፋይል ያክሉ ተግባር ዝማኔ ጽሑፍ () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "ጊዜው ነው:"+theHour+":"+ደቂቃዎች; ህትመት ('ዝመና');} የእርስዎ መግብር በ js ፋይል ምን ማድረግ እንዳለበት ስለማያውቅ ጊዜውን ገና አያሳይም። ይህንን ለመንከባከብ ይህንን የዝግጅት አቀናባሪ በኮን ፋይል ውስጥ ፣ በመለያዎች ውስጥ እንጂ በመለያዎች ውስጥ እንጨምራለን -አካትት ('main.js') ፤ የጊዜ ዝመናን ለማድረግ ፣ ወደ ውስጥ የሚገባ ሰዓት ቆጣሪ መፍጠር አለብን። የኮን ፋይል ፣ በመለያዎች ውስጥ ግን በመለያዎች ውስጥ የለም - ፋይሎቹን ያስቀምጡ እና መግብርን ይጫኑ። ጊዜውን ማሳየት አለበት። ካልሰራ ሁለቱንም ኮን እና ጄኤስን ከዚህ በታች ያውርዱ እና በአሮጌዎቹ ይተኩ።

ደረጃ 6 - ሁሉንም ማጠቃለል

ንዑስ ፕሮግራሙን ወደ። ማሳሰቢያ -የመግብርዎን ስም የተሰየመበትን አቃፊ ወደ ኮንቱ ፋይል ሳይሆን ወደ መቀየሪያው ይጎትቱት። ከእርስዎ መግብር ጋር የበለጠ መሄድ ከፈለጉ ፣ እዚህ አንዳንድ ሀብቶችን ይያዙ። በመግብርዎ ለመፈጸም ሊሞክሯቸው የሚችሏቸው የነገሮች ዝርዝር እነሆ-መለያውን በመጠቀም ቅርጸ-ቁምፊውን ለመቆጣጠር እና የቅርጸ-ቁምፊ ንዑስ መለያ- እንደ onClick ያሉ አንዳንድ የክስተት ተቆጣጣሪዎችን ያክሉ ወይም መለያዎችን በመጠቀም ይጠቀሙ።-የምስል ነገርን በመጠቀም ከአካባቢያዊ ፋይል ምስል ያሳዩ። ይህ አጋዥ ስልጠና ጠቃሚ ሆኖ አግኝተውታል እና ማለቂያ በሌላቸው የመግብሮች አጋጣሚዎች ይደሰታሉ ፣ አዳኝ

የሚመከር: