Qi
Lin
*a,
Lu
Liu
a,
Juan
Liu
*b,
Feng
Zheng
a,
You-Ming
Zhang
a,
Hong
Yao
a and
Tai-Bao
Wei
*a
aKey Laboratory of Eco-Environment-Related Polymer Materials, Ministry of Education of China, Key Laboratory of Polymer Materials of Gansu Province, College of Chemistry and Chemical Engineering, Northwest Normal University, Lanzhou, Gansu 730070, P. R. China. E-mail: linqi2004@126.com; weitaibao@126.com
bCollege of Chemical Engineering, Northwest University for Nationalities, Lanzhou, 730000, P. R. China. E-mail: liujuan656@126.com
First published on 3rd August 2017
By introducing multi-self-assembly driving forces, coordination binding sites and signal groups into the same molecule, a well designed functional gelator G1 was synthesized. The gelator G1 could form a stable Pb2+-coordinated supramolecular metallogel (PbG) accompanied with aggregation-induced fluorescence emission (AIE). PbG shows the reversible selective fluorescent response for I− under a gel–gel state. The detection limit of PbG for I− is 1.0 × 10−7 M. The AIE fluorescence of PbG could be reversibly switched “on–off–on” under gel–gel states via alternatively adding I− and Pb2+ water solution into PbG. Other anions could not induce similar stimuli-response for PbG. Interestingly, when a writing brush dipped in I− water solution was used to write on the xerogel film of PbG, the film did not show any color changes. However under UV at 365 nm, a clear dark writing image appeared. This dark writing could be erased by brushing Pb2+ on the film. More interestingly, when the PbG film containing the invisible I− writing was exposed to iodine vapor, a clear brown writing appeared on the film. However, when this film was placed under the room atmosphere for one minute, the brown writing gradually disappeared. Therefore, the PbG film could act as not only a convenient reversible I− detection test kit, but also an erasable dual-channel security display material.
However, although a significant amount of effort has been devoted to the development of metal ions coordinated supramolecular gels,40 it is still a big challenge to design and synthesize supramolecular gels that can optically sense a given chemical stimulus with a specific selectivity. In view of this, as a part of our research interest in supramolecular chemistry,41–45 we attempted to control the stimuli-response properties of supramolecular gels through the competitive coordination between supramolecular gelators, metal ions and guest compounds.
Herein, we designed and synthesized a gelator G1 based on multi-assembly driving forces,46–49 fluorescent signal groups50 and coordination binding sites.51,52 The gelator G1 could form a stable supramolecular organogel in various solvents at very low critical gelation concentrations (CGCs). After the addition of Pb2+ to the G1 ethanol organogel (OG), OG could form a stable Pb2+-coordinated supramolecular metallogel PbG accompanied by the pale blue aggregation-induced fluorescence emission (AIE).53–56 The AIE of PbG could be reversibly controlled by iodide anions with a specific selectivity in gel–gel states. PbG could act as not only a convenient reversible I− detection test kit, but also an erasable dual-channel security display material. It is worth mentioning that the security display materials have become of increasing importance.57,58
Interestingly, after the addition of Pb2+ to the G1 ethanol organogel (OG), OG could form a stable Pb2+-coordinated supramolecular metallogel PbG. As shown in Fig. 1, PbG has no fluorescence emission in hot ethanol solution (T > Tgel). However, when the temperature of this hot ethanol solution dropped below the Tgel of PbG, the emission intensity at 340 nm showed an evident increase and reached a steady state, which indicated that the fluorescence emission of metallogel PbG was aggregation-induced emission (AIE).
The anion response capability of the supramolecular metallogel PbG was primarily investigated by adding various anions in water solutions (AcO−, HSO4−, H2PO4−, F−, Cl−, Br−, I−, N3−, SCN−, ClO4−, CN−, CO32−, S2− and SO42−, 1 mol L−1) to PbG. As shown in Fig. 2, when adding water solutions of various anions to the small amount of metallogel PbG on a spot plate, only I− could quench the fluorescence of PbG, while other anions could not. These results indicated that PbG could selectively sense I−, which was attributed to I− competitively binding with Pb2+.
Moreover, the I− response properties of PbG were investigated by fluorescence titrations. As shown in Fig. 3, with the addition of I− into PbG, the spectra showed evident red shifts, which was attributed to the coordination of I− with Pb2+. In PbG, Pb2+ coordinated with the gelator through the acylhydrazone moiety. When I− was added into PbG, Pb2+ coordinated with I− and the acylhydrazone moiety was released, which induced the fluorescence spectra of the gel to undergo the red shifts. In addition, the emission intensity at 474 nm decreased with increasing the concentration of I−. The detection limit of the fluorescence spectra changes, which was calculated on the basis of 3δ/S,60 was 2.037 × 10−6 M (Fig. S4†) for I− anion.
Fig. 3 Fluorescence spectra of PbG (1%, in ethanol, G1–Pb2+ = 1:1) with increasing concentration of I− (using 1 mol L−1 TBA in water solution as the I− sources), λex = 340 nm. |
Interestingly, after the addition of Pb2+ into the I− containing PbG, the fluorescence of PbG recovered, which was attributed to the Pb2+ coordination with G1 again. These properties make PbG act as an I− and Pb2+ controlled “on–off–on” fluorescent switch. By alternate addition of I− and Pb2+, the switching could be performed reversibly at least for three cycles with a small fluorescent efficiency loss (Fig. 4).
Fig. 4 Fluorescent “on–off–on” cycles of PbG, controlled by the alternative addition of I− and Pb2+, λex = 340 nm. |
In order to facilitate the use of the metallogel PbG, the I− detection film based on PbG was prepared by pouring the heated ethanol solution of PbG onto a clean glass surface and then drying in air. The PbG film was white under natural light and showed a blue fluorescence emission under UV at 365 nm. When a writing brush dipped in I− water solution was used to write on the film, the film did not show any color changes. However, under UV at 365 nm, a clear dark writing image appeared (Fig. 5). This dark writing image could be erased by brushing Pb2+ on the film. More interestingly, when the PbG film containing the invisible I− writing was exposed to iodine vapor, a clear brown writing appeared on the film. However, when the film was put under the room atmosphere for one minute, the brown writing disappeared gradually. Therefore, the PbG film could act as not only a convenient reversible I− detection test kit, but also an erasable dual-channel security display material.
In order to investigate the self-assembly and stimuli-response mechanism of PbG, a series of experiments was carried out. First, in the concentration dependent 1H NMR of G1 (Fig. 6), the –NH– (Hb) and –NCH– (Ha) resonance signals showed significant downfield shifts as the concentration of G1 rose. These results revealed that in the gelation process, the –NH– (Hb) and –NCH– (Ha) groups formed hydrogen bonds with the –CO groups on the adjacent gelators. On the other hand, with a gradual increase in concentration, the 1H NMR signal of phenyl protons (Hc, Hd, He, and Hf) showed an evident upfield shift, indicating that the π–π stacking interactions between the phenyl groups involved in the gelation process.61 Therefore, the gelator G1 self-assembled to supramolecular organogel OG by the hydrogen bonds, π–π stacking as well as the vdW existing in the long alkyl chains.
The formation mechanism of supramolecular metallogel was also investigated by 1H NMR titrations, as shown in Fig. 7. With the addition of Pb2+, the –NH– (Hb) group on the gelator showed significant downfield shifts, which indicated that the gelator coordinated with Pb2+via the acylhydrazone moiety. In addition, in the IR spectra (Fig. S5†) the stretching vibrations of –CO and –CN– of G1 showed obviously shifts from 3455 and 1650 cm−1 to 3583 and 1588 cm−1, respectively. These phenomena indicated that in PbG, Pb2+ coordinated with the nitrogen and oxygen atoms on the acylhydrazone group.
This presumed self-assembly and coordination mechanism was also supported by the Tgel of OG and PbG. For instance, as shown in Fig. 8, under the same condition, the Tgel of OG was significantly higher than that of PbG. The large differences of Tgel between OG and PbG were ascribed to the breakage of intermolecular hydrogen bonds between –NC–H on one gelator and –CO on the other one in OG, which was caused by the coordination of Pb2+ with the gelator G1. Moreover, the Pb2+ coordination process reduced the distance of π–π stacking between the phenyls, which enhanced the aggregation induced emission of PbG.
Fig. 8 Plots of Tgel against the concentrations of organogel OG and metallogels PbG (G1–Pb2+ = 1:1) in ethanol. |
This proposed mechanism was also supported by the XRD patterns (Fig. S6†). The XRD patterns of OG, PbG and the PbG treated with I− showed the peaks at 2θ = 18.62–27.70°, corresponding to the d spacing 3.5 Å, 3.45 Å, and 3.8 Å, respectively. As shown in Scheme 2 and Fig. S6,† in OG, the peaks at 21.28° and the d spacing 3.5 Å were attributed to the π–π stacking, which existed in the phenyl groups of OG. While, in PbG, the d spacing changed to 3.45 Å, which was attributed to the Pb2+ coordination process reducing the distance of π–π stacking between the phenyls. Meanwhile, the d spacing 3.8 Å was attributed to the interlamellar spacing between the supramolecular chains. In addition, after the formation of PbG, the peaks of OG (at 2θ = 21.28, 23.22, 23.90, 25.30°) disappeared and these peaks reappeared after PbG was treated with I−. These phenomena confirmed that Pb2+ coordinated with OG and induced a change in the XRD pattern of OG, while the addition of I− into PbG induced the competitive coordination of I− with Pb2+ and led to the recovery of XRD peaks. According to 1H NMR, IR and XRD, the ion response mechanism of OG and PbG could be presumed as in Scheme 2.
Scheme 2 Chemical structure of the G1 and the presumed self assembly and reversible stimuli-response mechanism. |
To get further insight into the morphological features of the supramolecular organogel OG, metallogel PbG and PbG treated with I−, SEM studies were carried out with their xerogels, respectively. As shown in Fig. S7,† the SEM images of OG showed an overlapped rugate layer structure. The metallogel PbG also showed overlapped rugate layer structures and the aggregation structure of layer was compacted. However, after I− was added into the PbG xerogel, the micro states experienced obvious changes. There were a large number of micro cavities formed in the xerogel of PbG. These micro cavities provided the PbG xerogel with the properties for the adsorption of iodine vapor. Therefore, the mechanism of iodine vapor-caused color change could be attributed to the iodine vapor adsorption into these micro cavities.
Footnote |
† Electronic supplementary information (ESI) available. See DOI: 10.1039/c7ra06238a |
This journal is © The Royal Society of Chemistry 2017 |