Case Study for Card Development Using Pseudo-Classes - Huawei P40 Pro+ Questions & Answers

Symptom
While developing a card, I used a pseudo-class for a component to implement a color changing effect. However, the color cannot be restored.
For example, the original background color was as follows.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
This figure shows the new background color after using the pseudo-class.
In normal cases, the card’s background color is changed upon tapping, and will return to the original color when you lift your finger.
This problem is caused by incomplete pseudo-classes for cards supported by Huawei Quick App Loader. Even so, there’s still an easy solution.
Solution
Simply add a tap event to the component using the pseudo-class. No logic processing is needed.
Sample code:
CSS:
<div class="sitetype_box" widgetid="8e4bf1ca-f716-46f8-8614-16d1b35002c5" onclick="test">
</div>
CSS style:
.sitetype_box {
flex-direction: column;
background-color:#FFBF00;
padding: dpConvert(0) dpConvert($elementsMarginHorizontalL) dpConvert(0) dpConvert($elementsMarginHorizontalL);
}
/** Pseudo-class */
.sitetype_box :active{
background-color: #E40078;
}
Method:
JavaScript:
test(){
console.log("message");
}
Reference:
Pseudo-classes for quick apps:
https://developer.huawei.com/consumer/en/doc/development/quickApp-References/quickapp-style#h1-1578402521212

Related

[APP] Slightly modified Lockscreen

I made this for people who use a Transparent Lockscreen (described here.)
There is this little bar in the default lockscreen that is some kind of annoying and doesn't match with the transparancy.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I removed it, so it looks like this when unlocking your phone.
Installation:
Don't forget to do a nandroid backup before installing this!
Code:
adb remount
adb push *Your Directory*/HtcLockScreen.apk system/app/
reboot your phone and your done. Have fun!
** DOWNLOAD **
Hey, very cool.
OT on:
Do you live in "Waldsee"?
We're going for a few days of holidays from 31.12.09 - 03.01.10 to Speyer. Waldsee belongs to Speyer, right? I was in an Hotel in Waldsee before a few years called Hotel Oberst. Do you know it?
OT off.
Im sorry to disappoint you, but i dont live in waldsee. I live in Ketsch, a few kilometers from to waldsee. Sometimes my phone isnt that precise..
btw, the day you leave is my birthday
Cheers for this... quick question, do I have to carry out the steps in the transparent lockscreen thread first or does this apk do it all?
For a transparent lockscreen you need to follows the described steps here.

Looking for special theme

I am looking for speacial Green theme,with changed notification bar(no used taskes),with cirlce battery,black market,black dialer with green numbers/letters,and with changed way to unlock screen (lke SGS,GT540,etc.) I will pose pics for guide.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
here is notification bar,but not blue-Green,and battery,again not blue->green.
here is market
like this one dialer,but with green numbers/letters
this way to unlock
And IF it is possible to have Icons like MultiCultiMod_goes_blue_V1.3 or if it is possible to modify this theme to be not blue->green,with some updates like green numbers in dialer,green battery icon in notification bar,black market,way to unlock screen,with green icons in notification bar when is pressed orientation/silent mode/etc... and customized notifiaction with: WiFi/Bluethooth/GPS/Brightens/Data/Orientatin
I will give a Donate
http://media.photobucket.com/image/Darky%2527s ROM 9./S1lver_Bullet/cap2010122905381.jpg here is notification bar,but not blue-Green,and battery,again not blue->green.
http://www.droid-life.com/wp-content/uploads/2010/12/market-black.jpg here is market
http://tinypic.com/view.php?pic=akzw5i&s=5 like this one dialer,but with green numbers/letters
http://img52.imageshack.us/i/darkysromlockscreen.png/sr=1 this way to unlock
I would be very intereted in this theme as well
Sent from my Desire HD using XDA App
anything?
Sent from my HTC Desire HD using XDA Premium App

[REQ] Help with writing words on a dock

So i want to write BRWSR and GAMES on the second and fourth dock icon space of the pictured dock (third being the app launcher). I have absolutely no skills with this sort of stuff so im hoping you folks can help me out
I am providing the dock image as well as the desired font (senoe ui light to match mattedblues theme). Ideally the text would be enclosed within the dock margin and still be legible (hopefully the dock isnt too narrow).
This is my first time linking an image or my dropbox so hopefully i linked them correctly. A million thanks in advance! Sorry if this isn't the kind if post that goes in this section.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
http://db.tt/mFNnpr6
Sent from my Nexus S using Tapatalk
if your using an adw launcher you can dload an app called text icon creator. it allows you to fully edit color, size, font +. if your not i cant imagine that there wouldnt be other app options capable of the same kind of editing. hope this helps
simple text is another good one

[Q] Dissolving phone image for app icon

Has anyone got a suitable image (64x64, 60x60, 45x45, 36x36 .png file) of a dissolving phone or anything else that would make a good application icon for a Windows Mobile app? I'm still thinking of a name for this app ('I can hear you now', 'Fringe Service', 'From the Edge', for example) and its basically a phone status/alert system for monitoring your connection to your cell provider (I use it when I'm out in the mountains as it lets me know when my phone has a connection etc).
Thanks
Blake
I'm on a bit of a timeline here as Microsoft is not accepting anymore Windows Mobile app on their app store after July 14th
I should include a screen shot so people can get a further idea as to what the app is. The top of the app is connection information / type icons and the bottom is a strength meter / search animation. It does log GPS positions of the various events and vibrate/sound/notifications are configurable.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Thanks

[APP] Wear Notification Filter v1.0 [50 Premium Code Giveaway]

Wear Notification Filter​
Video:
Screenshots:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Description:
I created this mobile application to stop from unnecessary notification on my wear.You can stop unnecessary notification from whatsapp group,promotion emails etc...This application will send your handheld notification to your android wear based on your saved filters.
How this application works?
1.Application reads your handheld notification.
2.Then it will check that notification with your created filters.
3.If notification passed the filter condition, it will send a custom notification to android wear.
Feature:
* You can enable or disable notification for each installed application.
* Filter support for both notification title and message.
* Support for RegEx format in filter.
* Send and Reject list support.
Click to expand...
Click to collapse
Suggest/Report me through mail:
[email protected]
Download:
http://bit.ly/1SaKl8S
50 Premium Code Giveaway:
Full Details: https://www.cybapps.com/wear-notification-filter/
Awesome!

Categories

Resources