Does Google allow for icon transitions such as these to be created by the developer? Or is it the developers responsibility to create such "delightful" transitions? I'd really like to implement these in my app.
Specifically icons like this
You can create an animated icon using AnimatedDrawable and bitmap-based frames. On L, you can use AnimatedStateListDrawable to create stateful animations (such as the check box animation).
Here is an AnimatedDrawable example (actually this is the implementation for the check box on L preview) using 15ms-long frames that can be started and stopped from code:
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="15" android:drawable="#drawable/my_icon_frame_000" />
...additional frames...
</animation-list>
And here is an AnimatedStateListDrawable using AnimatedDrawable transitions to implement a check box animation that starts and stops automatically based on View state:
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:state_checked="true">
<bitmap android:src="#drawable/btn_check_to_on_mtrl_015" android:tint="?attr/colorControlActivated" android:alpha="?attr/disabledAlpha" />
</item>
<item android:state_enabled="false">
<bitmap android:src="#drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" android:alpha="?attr/disabledAlpha" />
</item>
<item android:state_checked="true" android:id="#+id/on">
<bitmap android:src="#drawable/btn_check_to_on_mtrl_015" android:tint="?attr/colorControlActivated" />
</item>
<item android:id="#+id/off">
<bitmap android:src="#drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" />
</item>
<transition android:fromId="#+id/off" android:toId="#+id/on">
<animation-list>
<item android:duration="15">
<bitmap android:src="#drawable/btn_check_to_on_mtrl_000" android:tint="?attr/colorControlNormal" />
</item>
...additional frames...
</animation-list>
</transition>
<transition android:fromId="#+id/on" android:toId="#+id/off">
<animation-list>
<item android:duration="15">
<bitmap android:src="#drawable/btn_check_to_off_mtrl_000" android:tint="?attr/colorControlActivated" />
</item>
...additional frames...
</animation-list>
</transition>
</animated-selector>
Related
I am trying to make may app Navigation bar color to none but its not working
My App Theme code
<style name="AppTheme" parent="#style/Theme.MaterialComponents.Light.DarkActionBar">
<item name="android:windowBackground">#drawable/icon_splash</item>
<item name="android:cacheColorHint">#ff000000</item>
<item name="android:windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="colorPrimary">#color/colorPrimary</item>
<item name="colorPrimaryDark">#color/colorPrimaryDark</item>
<item name="colorAccent">#color/colorAccent</item>
<item name="android:forceDarkAllowed">false</item>
<item name="android:enforceStatusBarContrast">false</item>
<item name="android:enforceNavigationBarContrast">false</item>
</style>
And its my problem
Image1
Is it possible to remove image preview from UI fileuploder component, without using file component?
here is my code=>
<field name="file">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="dataType" xsi:type="string">string</item>
<item name="source" xsi:type="string">TestGroup</item>
<item name="label" xsi:type="string" translate="true">File</item>
<item name="visible" xsi:type="boolean">true</item>
<item name="formElement" xsi:type="string">fileUploader</item>
<item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>
<item name="previewTmpl" xsi:type="string">Vendor_Module/image-preview</item>
<item name="required" xsi:type="boolean">false</item>
<item name="sortOrder" xsi:type="number">40</item>
<item name="uploaderConfig" xsi:type="array">
<item name="url" xsi:type="url" path="controller/index/upload"/>
</item>
</argument>
</field>
tried by removing item name= elementTmpl and previewTmpl but not working
can anybody help me to disable the image preview for fileupload.
Thanks in Advance.
Remove the src of image every time you click:
$("#input1").click(function () {
$('#imagepreview1').attr('src','');
});
Given the following XML (with many hierarchy levels), I need to return the nodes after filtering all nodes with Hide"True" attribute and a certain name. Note that hide could be at any hierarchy level:
<items>
<item id="1" >
<item id="2" />
<item id="3" />
<item id="4" hide="true"/>
</item>
<item id="5" hide="true">
<item id="6" >
<item id="7">
<item id="8" hide="true"/>
<item id="9"/>
</item>
</item>
</items>
I would need to get this back:
<items>
<item id="1"">
<item id="2" />
<item id="3" />
</item>
<item id="6" >
<item id="7">
<item id="9"/>
</item>
</item>
</items>
The 'filtered' XML is then assigned to a treeview, so I need to preserve the hierarchical nature of the nodes. I have tried: "items//item[#hide='false' or not(#hide)]", but this returns a flattened (as well as duplicative) data, repeating nodes at the lower level pushed up to the top level as follows. Is there a way to use Xpath to do what I want? I understand that I can Xslt the data first, then display it, but it just seems that there is got to be an easier way. I am using c#/.net4.0 MSXML
<items>
<item id="1"">
<item id="2" />
<item id="3" />
</item>
<item id="6" >
<item id="7">
<item id="9"/>
</item>
</item>
<item id="2" />
<item id="3" />
<item id="7">
<item id="9"/>
</item>
<item id="9"/>
</items>
I have a scenario where my dynamic components available in CME should be published to the same folder path as in CME. Can I control the path where these dynamic components are published?
e.g) CME Path - C020 Global Content US English/Building Blocks/Dynamic Content/Article/Component1.xml
Deployer File System Path - D:\C020 Global Content US English/Building Blocks/Dynamic Content/Article/Component1.xml
CME Path - C050 Local Content Spanish/Building Blocks/Dynamic Content/Communication/Component2.xml
Deployer File System Path - D:\C050 Local Content Spanish\Building Blocks\Dynamic Content\Communication\Component2.xml
You can define the path in the stroage config file on CDA Server in below tag.
<ItemTypes defaultStorageId="defaultdb" cached="false">
<Item typeMapping="Page" cached="false" storageId="defaultFile"/>
<Item typeMapping="ComponentPresentation" itemExtension=".Xml" cached="true" storageId="defaultDataFile" />
<Item typeMapping="ComponentPresentation" itemExtension=".rel" cached="true" storageId="defaultDataFile" />
<Item typeMapping="ComponentPresentation" itemExtension=".ascx" cached="true" storageId="defaultDataFile" />
<Item typeMapping="ComponentPresentation" itemExtension=".html" cached="true" storageId="defaultDataFile" />
<Item typeMapping="Binary" itemExtension=".jpg" storageId="defaultFile" cached="true"/>
<Item typeMapping="Binary" itemExtension=".gif" storageId="defaultFile" cached="true"/>
<Item typeMapping="Binary" itemExtension=".pdf" storageId="defaultFile" cached="true"/>
<Item typeMapping="Binary" itemExtension=".jpeg" storageId="defaultFile" cached="true"/>
<Item typeMapping="Binary" itemExtension=".png" storageId="defaultFile" cached="true"/>
<Item typeMapping="Binary" itemExtension=".ico" storageId="defaultFile" cached="true"/>
<Item typeMapping="Comment" cached="false" storageId="Ugcdb" />
<Item typeMapping="Rating" cached="false" storageId="Ugcdb" />
<Item typeMapping="UGCUser" cached="false" storageId="Ugcdb" />
<Item typeMapping="UGCItemStats" cached="false" storageId="Ugcdb" />
and if you want to save on physical path then also define the below tag value
<Storage Type="filesystem" Class="com.tridion.storage.filesystem.FSDAOFactory" Id="defaultDataFile" defaultFilesystem="true" defaultStorage="true">
<Root Path="c:\websites\Staging\data" />
</Storage>
Let me know if it is not clear
I want to set an animated image in my application.i use an animation-list to show it frame by frame but it's not working!!
please help me!!
here is Java code
_imagView=(ImageView)findViewById(R.id.imageView1);
_imagView.setBackgroundResource(R.drawable.anim);
AnimationDrawable anim1 = (AnimationDrawable) _imagView.getBackground();
anim1.start();
and here is anim.xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="#drawable/animationchoking0" android:duration="500" />
<item android:drawable="#drawable/animationchoking1" android:duration="500" />
<item android:drawable="#drawable/animationchoking2" android:duration="500" />
<item android:drawable="#drawable/animationchoking3" android:duration="500" />
<item android:drawable="#drawable/animationchoking4" android:duration="500" />
<item android:drawable="#drawable/animationchoking5" android:duration="500" />
<item android:drawable="#drawable/animationchoking6" android:duration="500" />
<item android:drawable="#drawable/animationchoking7" android:duration="500" />
<item android:drawable="#drawable/animationchoking8" android:duration="500" />
</animation-list>
According to the Development guide,you should not call start method directly in onCreate() of your Activity(Drawable Animation at the bottom).Try this:
_imagView.post(new Runnable() {
#Override
public void run() {
// TODO Auto-generated method stub
anim1.start();
}
});